可以在导入的文件上重新定义_partial.scss中的变量吗？

Question

假设我有2个部分sass文件：

_partial1.scss  
_partial2.scss  

两者都被导入： app.scss

如果我定义变量......

$mainColor: red //on partial1.  
$mainColor: green //on partial2 and   
$mainColor: blue //on app.scss

如果我已在_partial2.scss文件上设置

body {
   background: $mainColor;
}

我的html背景颜色为绿色 ...
但是我需要能够稍后在我的app.scss上重新定义它... 有办法吗？

我问这个因为我使用粉底而且我有一个子项目我需要能够更改字体和颜色而不更改_settings.scss。
你可以找到我的original question on Zurb's Foundation forum，但我认为这里的答案也可能对其他人有用，不一定使用基础。

Answer 1

您可以随时重新定义变量。例如：

<强> app.scss

$mainColor: blue;

#container {
  background: $mainColor; //blue
}

$mainColor: red;

#alert {
  background: $mainColor; //red
}

这是一个demo。