我的application.css.scss
设置是这样的:
@import "base/variables";
@import "./application/application";
就像文档说的那样,我根本没有使用 Sprockets 的指令(require
、、require_tree
和require_self
),所以我希望我在其中定义的变量base/_variables.scss
是全局变量并且可用于我的/application/application.scss
文件,但事实并非如此:
#content {
margin-top: $big;
}
将返回错误Undefined variable: "$big"
。
我已经通过文件命名尝试了与 SASS 相同的事情,application.css.sass
虽然/application/application.sass
现在的变量似乎是全局变量,但我想继续使用 SCSS 语法,我已经通过设置尝试过,config.sass.preferred_syntax = :scss
但我仍然被要求萨斯。
当然,每次我需要我的变量时,我都可以只导入我的变量文件,但这会违反 DRY 原则。
在使我的变量全局可用的同时,是否可以使用 SCSS 语法?我在这里想念什么?提前致谢。