我可以使用SASS/SCSS變量來設置類名嗎？

Question

我正在嘗試爲網格佈局創建一堆列，並且想知道我是否可以使用SASS/SCSS mixin自動化寬度計算。

我目前正在寫

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

這很好，但我只是想知道如果有一種方法，使之更加乾燥，用一個變量名設置類和一個創建類混入。

喜歡的東西

@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