我们的sass变量文件设置如
scss\variables\_custom_variables.scss
。
其中包含
之类的内容 $link-color: $00f;
然后在像我这样设置的sass文件中使用导航为scss\main\_main_nav.scss
我们有
a {color: $link-color;}
现在我们有了一个允许自定义样式的新功能,它可以提取变量以及scss\main\
中的所有内容。代替创建像
scss\main_2\_main_nav.scss
我希望能够重新定义$link-color
。
我希望我可以简单地创建scss\new_file\_variables.scss
并拥有一些覆盖列表,例如
$link-color: #36c;
但是这没有按预期工作。我能做得更好吗?
谢谢,所有
答案 0 :(得分:0)
您可以使用default-flag定义基本变量:$var1: lightblue !default;
并使用$var1: red;
如果@import
变量文件的顺序正确,red
会覆盖lightblue
。
https://webdesign.tutsplus.com/articles/understanding-variable-scope-in-sass--cms-23498