访问在单独文件中定义的SASS变量时出错

Question

我正在尝试将Rails 3.2与Sass一起使用。我尝试在项目中创建一个Sass文件，以根据Railscast #268定义所有全局变量。但由于未定义的变量，我一直得到Sass :: SyntaxError。

我有什么：

application.css.scss

/*
*= require_self
*/

@import "variables.css.scss";
@import "layout.css.scss";

variables.css.scss

$font_size: 14px;

layout.css.scss

body { 
    font-size: $font_size;
}

我不知道我在这里做错了什么。任何建议都会很棒！

Answer 1

您可能希望将需要此变量的sass文件作为partials（例如_layout.css.scss），这将阻止rails尝试单独编译它们而不依赖它们。