在SCSS中将变量名称作为参数传递

时间:2020-06-28 04:00:34

标签: sass scss-mixins

我正在尝试在SCSS中编写一个mixin,以使CSS var向后兼容。因此,我想首先从SCSS变量设置属性值,然后从CSS var设置属性值,然后如果CSS var不能正常工作,则SCSS var至少可以工作。

现在的问题是,当我想将变量名传递给mixin时:

:root{
  --primary: red;
}
$primary : red;

@mixin backward($property, $var) {
  #{$property}: ${#{$var}};
  #{$property}: var(--#{$var});
}

body{
  @include backward(color, "primary");
  background-color: lightblue;
}

在我写过${#{$var}}的地方,我要替换为$var中名称为SCSS的变量。 那么,有什么方法可以传递SCSS var名称然后对其进行解析?

0 个答案:

没有答案