2013-06-22 46 views
1

我有点尴尬,我似乎无法弄清楚这一点。例如,每当我在我的scss工作表中引用基础变量时,我都会收到错误。基金会变数未定义

未定义的变量:“$ primary-color”。 (在/my/path/to/mysheet.scss)

这里是我的app.scss

/* 
*= require_self 
*= require_tree ./a_folder 
*/ 
@import "foundation/foundation-global"; 
@import "foundation/_settings"; 
@import "foundation"; 

我怀疑这是因为import s为在require年代后。但是当我反转订单时,我所有的样式表都丢失了。

我在做什么错?

回答

0

我在Bootstrap中遇到了同样的情况。如果使用require,则所有变量都不能用于自定义scss文件。

解决方案是使用@import,但根本没有require

我建议您在application.css.scss手动删除所有require@import您的自定义css文件。 @import也适用于资产管道,所以完全不用担心,只需输入更多的单词。

+1

有一个比交易更好的解决方案Rails需要导入每个文件的功能。 –

+0

@TimScott,我之前就研究过这个。据我所知,不,我不认为这比'require tree'更糟糕。 CSS @import是原生CSS。另外,手动导入或需要CSS比'require tree'好得多,因为它很难控制需求的顺序,顺序对CSS非常重要。即使使用'require',我也不使用'tree',而是手动要求每个文件。 –