ruby-on-rails - _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 文件中的 main 中有太多内容，您可能需要考虑仅将颜色定义提取到他们自己的 scss 文件中（您将其 @import 到您需要的所有内容中）。