sass:用另一个覆盖一个var

时间:2016-10-07 17:30:03

标签: variables sass override redefine

我们的sass变量文件设置如

scss\variables\_custom_variables.scss

其中包含

之类的内容

$link-color: $00f;

然后在像我这样设置的sass文件中使用导航为scss\main\_main_nav.scss我们有

之类的规则

a {color: $link-color;}

现在我们有了一个允许自定义样式的新功能,它可以提取变量以及scss\main\中的所有内容。代替创建像

这样的东西 无限地{p> scss\main_2\_main_nav.scss

我希望能够重新定义$link-color

我希望我可以简单地创建scss\new_file\_variables.scss并拥有一些覆盖列表,例如

$link-color: #36c;

但是这没有按预期工作。我能做得更好吗?

谢谢,所有

1 个答案:

答案 0 :(得分:0)

您可以使用default-flag定义基本变量:$var1: lightblue !default;

并使用$var1: red;

在主题中覆盖它们

如果@import变量文件的顺序正确,red会覆盖lightblue

https://webdesign.tutsplus.com/articles/understanding-variable-scope-in-sass--cms-23498