$_1:rgb(25, 25, 27),
$_2:rgb(252, 243, 243))
{
--colors-1: $_1;
--colors-2: $_2;
}
当编译为CSS时,上面的代码被解释为:
/* ... */
--colors-1: $_1;
而不是:
/* ... */
--colors-1: rgb(25, 25, 27);
由于某些原因,当在:root{}
中使用sass混合参数时,它们不会得到插值
作为解决方法,我使用类似于的#{}
--colors-1: #{$_1};