覆盖Sass变量

Question

我有一个Sass文件，它执行多个导入，如下所示

@import("variables")
@import("custom-variables")
@import("widgets")
@import("custom-styles")

我在变量和自定义变量中声明了一个名为$ promoBoxColor的变量，然后窗口小部件和自定义样式引用了这个变量。

我发现如果我尝试在自定义样式中使用它而不是自定义变量中定义的颜色，则会使用变量中定义的颜色。

是否可以在Sass中以这种方式覆盖变量？如果我只是覆盖小部件中使用的颜色，它似乎工作正常。

Answer 1

感谢您的回复。找到最好的方法是使用！default设置核心变量文件中的所有变量，然后首先声明自定义变量。