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

SASS variable as style name