Попытка объединить переменную 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

Answer 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} 

Good Luck