使用 ruby compass 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
My screen.scss
像这样导入部分:
@import "partial/base";
@import "partial/catalog";
In my base
部分我有$paragraphFont
定义的。
$paragraphFont: 'Lucida Sans', arial;
$regularFontSize: 14px;
And in catalog.scss
我用它:
.product-view #price-block {
p {
font-weight: normal;
font-family: $paragraphFont;
....
}
}
奇怪的是 css 编译得很好,而且$paragraphFont
已正确填充。所以我不知道为什么编译器向我抱怨错误。
您正在生成不需要生成的文件。
- screen.scss -> screen.css
- 基础.scss -> 基础.css
- 目录.scss -> 目录.css
目录文件正在自行编译。由于它没有导入base.scss,因此未设置变量。您的 screen.scss 文件将按您的预期生成,因为它正在导入所有必要的信息。
你想要做的就是重命名你的partials以下划线开头,以防止它们自行编译:
- screen.scss -> screen.css
- _base.scss(未编译)
- _catalog.scss(未编译)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)