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