尝试连接 Sass 变量和字符串答案

【问题标题】：Trying to concatenate Sass variable and a string尝试连接 Sass 变量和字符串
【发布时间】：2018-03-02 11:46:54
【问题描述】：

我正在尝试将 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);
  }
}

【问题讨论】：

标签： javascript sass concatenation

【解决方案1】：

你想要插值。

$sidebar-width: 20px;

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

希望对你有帮助

【讨论】：

【解决方案2】：

对于font variable，这对我有用：

$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-custom: 'My Custom Font', #{$font-family-sans-serif}

祝你好运

【讨论】：

花了一个小时寻找这个'My Custom Font', #{$font-family-sans-serif}。非常感谢！