css变量中使用sass变量

1、需求:需要在css变量中使用sass变量,发现行不通,如下

$bg:red;
.theme{
--bg:$bg;
}

2、原因:Sass 的语法改变了,较新版本的Sass要求在插值中写入自定义属性值,比如#{}

$bg:red;
.theme{
--bg:#{$bg};
}

这样就可以

posted @ 2022-07-26 14:54  Pavetr  阅读(366)  评论(0编辑  收藏  举报