我正在尝试在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名称然后对其进行解析?