我正在使用 ionic 4 元素和 scss。当我尝试使用 @each 创建全局 CSS 变量时,我有一些奇怪的行为:
:host {
$colors-availability: (
early-day: #e8ab00,
long-day: #854fa5,
whole-day: #fe307b,
all-day: #32773e,
morning: #87cc93,
afternoon: #4bb15d,
late: #fa8072,
twilight: #40e0d0,
night: #16151b
);
@each $name, $color in $colors-availability {
--ion-color-#{$name}: $color;
}
}
这是我在 theme/variables.scss 文件中的代码。我希望所有这些变量都与颜色有关,但输出是这样的:
我没有散列颜色值。任何想法?我尝试了一切(color() 函数等)。谢谢。
最佳答案
尝试如下所示:
--ion-color-#{$name}: #{$color};
关于css - 使用 scss @each 生成 css 变量不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57821846/