SASS變量作爲樣式名稱

Question

是否可以在樣式名稱中使用SASS變量？如果是，那麼語法是什麼？

我已經試過如下：

@mixin bleed($direction) { 
    margin-#{$direction}: 10px; 
} 

和

@mixin bleed($direction) { 
    #{'margin-' . $direction}: 10px; 
} 

沒有運氣。

僅供參考，我使用的LIB-青菜和拋出的錯誤是Unknown word

Answer 1

@mixin margin($direction) { 
    margin-#{$direction}: 10px; 
} 

這對我來說有以下調用工作

.margin-test{ 
    @include margin(right); 
} 

給人

.margin-test { 
    margin-right: 10px; 
}