我正在使用RubySassCss编译看起来像这样的sass文件:
styles.scss:
body{
&.template1{
$background-color: #fff;
@import "_template.scss";
}
&.template2{
$background-color: #000;
@import "_template.scss";
}
}
_template.scss:
div{
background-color: $background-color;
}
但是我收到了这个错误:
Sass::SyntaxError: Undefined variable: "$background-color".
我在这里尝试做的是一个基于sass变量的模板系统,所以如果我改变了body className,模板(css值)也会改变。
更新:
当我用我的_template文件的内容替换@import "_template.scss";
时,代码就像魅力一样,但我真正的_template文件太长了,我有很多模板和很多变量,所以我可以'使用此解决方法。