使用ruby罗盘gem编译SCSS时收到错误消息。
run: /var/lib/gems/1.8/gems/compass-0.12.2/bin/compass compile
out: unchanged sass/partial/grid.scss
out: error sass/partial/catalog.scss (Line 5: Undefined variable: "$paragraphFont".)
out: create css/generated/partial/catalog.css
out: create css/generated/partial/base.css
out: overwrite css/generated/screen.css
我的screen.scss
进口偏颇像这样:
@import "partial/base";
@import "partial/catalog";
在我的base
部分中,我有$paragraphFont
定义。
$paragraphFont: 'Lucida Sans', arial;
$regularFontSize: 14px;
在catalog.scss
我使用它:
.product-view #price-block {
p {
font-weight: normal;
font-family: $paragraphFont;
....
}
}
奇怪的是,css可以正常编译,并且$paragraphFont
可以正确填充。所以我不知道为什么编译器向我抱怨一个错误。
我建议您研究常见的Sass目录组织结构。我个人最喜欢的是7-1模式。
它的性质将常用元素拆分为其他文件,所有文件均由a导入
main.scss
以消除冗余。但同时,首先要注意@cimmanon的答案,因为他会更直接地解决您的问题。