variables - 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;

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

谢谢，所有

答案 0 :(得分：0)

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

并使用$var1: red;

在主题中覆盖它们

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