SASS 变量作为样式名称

Question

是否可以在样式名称中使用 SASS 变量？如果是，语法是什么？

我尝试了以下方法：

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

和

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

没有运气。

作为参考，我使用的是 lib-sass，抛出的错误是Unknown word

Answer 1

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

以下调用对我有用

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

给

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