javascript - scss - Intentando concatenar la variable Sass y una cadena

sass scss

Question

Estoy tratando de concatenar una variable Sass con una cadena. ¿Cómo lo hago?

Debajo hay un ejemplo de código.

@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

Quieres interpolar.

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

Espero que esto ayude

Más información aquí: https://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375