使用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的答案，因为他会更直接地解决您的问题。