我正在使用 RubySassCss 编译我的 sass 文件,如下所示:
样式.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 值)也会改变。
更新:
当我用@import "_template.scss";
我的 _template 文件的内容替换代码时,代码就像一个魅力,但我真正的 _template 文件太长而且我有很多模板和很多变量,所以我不能使用这个解决方法。