Sass 如何在scss'中传递自定义属性；功能还是混合？

我会直接将属性名作为function或mixin的参数传递到我的scss'中。 到目前为止，我无法将属性名作为参数传递

这是我的代码：

@mixin buttonSide($buttonSide){
    $buttonSide:10vw;
}


.form__previous-button{
    @include buttonSide(left); // I have also tried with @include buttonSide("left")
}

到目前为止，它失败了。您知道在scss中将属性作为变量传递的方法吗

您必须使用来解决此问题：

属性的名称可以包含插值，这使得可以根据需要动态生成属性。您甚至可以插入整个属性名称

SASS

@mixin buttonSide($buttonSide)
  #{$buttonSide}: 10vw

.form__previous-button
  @include buttonSide(left)

@mixin buttonSide($buttonSide) {
  #{$buttonSide}: 10vw;
}

.form__previous-button {
  @include buttonSide(left);
}

SCSS

@mixin buttonSide($buttonSide)
  #{$buttonSide}: 10vw

.form__previous-button
  @include buttonSide(left)

@mixin buttonSide($buttonSide) {
  #{$buttonSide}: 10vw;
}

.form__previous-button {
  @include buttonSide(left);
}