javascript - 尝试连接 Sass 变量和字符串

Question

我正在尝试将一个 Sass 变量与一个字符串连接起来。我该怎么做？

下面是一个代码示例。

@mixin setIcons($pathImages:$pathImages, $extensionIcon:$extensionIcon {
   @each $class-icon in $class-icons-30 {
     .snw-tui-icon-#{$class-icon} {
       @include icon($class-icon, $pathImages, $extensionIcon, 30px);
   }
     .snw-tui-icon-**#{$class-icon} + "selected"** {
       @include icon(**$class-icon + "selected"**, $pathImages, $extensionIcon, 30px);
  }
}

Answer 1

你想要插值。

$sidebar-width: 20px;

.target {
     width: calc(100% - #{$sidebar-width});
}

希望对你有帮助

这里有更多信息:https://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375