_base.scss中的Sass :: SyntaxError

Question

我在rails中的css文件中出现语法错误。

文件名：_base.scss

        body {
        font-size: 15px;
        line-height: 20px;
        color: $grey;
        font-family: $body-font;
          }

未定义的变量：“$ grey”。   （在/home/mali/rails_projects/platform-rails3/app/assets/stylesheets/_base.css.scss）

知道为什么会出现这个错误，我该如何解决？提前致谢。 有趣的是，当我将它包含在应用程序中时，它正在工作：

        <%= stylesheet_link_tag "application" %>

但不是这样的：

           <%= stylesheet_link_tag "_base" %>      

Answer 1

灰色（带有a）是css常量颜色（＃808080）。 $ grey是一个sass变量，必须在使用之前定义它以保持颜色。

@import 'main';

位于_base.scss文件的顶部。

你可能想要考虑只将颜色定义提取到他们自己的scss文件中（如果主要的太多你不希望包含在每个子scss文件中，你会导入到你需要的所有内容中）。