Question

我以为我已经解决了这个问题，但是代码没有按照我想要的方式进行编译。

这是我当前的代码：

$prefix: 'foo';

@mixin var-assign($var, $val) {
  $var: $val !global;
};

// will output .foo-selector
.#{$prefix}-selector {
  /* ... */
}

@include var-assign($prefix, 'bar');

// should output .bar-selector
.#{$prefix}-selector {
  /* ... */
}

上面的代码两次打印.foo-selector。我没有打印.foo-selector的一个实例和.bar-selector的一个实例，哪里出错了？

Answer 1

您需要更改mixin变量，请尝试使用

@mixin var-assign($prefix, $val) {
  $prefix: $val !global;
};

工作示例here：

适用于Sass的可扩展全局变量分配@mixin

1 个答案: