我可以使用 SASS/SCSS 变量来设置类名吗？ [复制]

Question

我正在尝试为网格布局创建一堆列，并且想知道是否可以使用 SASS/SCSS 混合自动计算宽度。

我正在写

@mixin setWidth($a, $b){
 width : ($a / $b)*100%;
}
.col-1-2{
 @include setWidth(1, 2);
}

这很好，但我只是想知道是否有办法让它更加干燥，通过使用变量名设置类并使用 mixin 创建类。

类似

@mixin setClass($a, $b){
  .col-$a-$b{
    width : ($a / $b)*100%;
  }
}

@include setClass(1, 2);

Answer 1

您只需要在变量#{$a}用于命名约定时插入它们

@mixin setClass($a, $b){
  .col-#{$a}-#{$b} {
    width : ($a / $b)*100%;
  }
}

@include setClass(1, 2);

一个例子：http://sassmeister.com/gist/8634660fa4b32f50b4c1