使用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
Run Code Online (Sandbox Code Playgroud)
我的screen.scss导入部分是这样的:
@import "partial/base";
@import "partial/catalog";
Run Code Online (Sandbox Code Playgroud)
在我的base部分我有$paragraphFont定义.
$paragraphFont: 'Lucida Sans', arial;
$regularFontSize: 14px;
Run Code Online (Sandbox Code Playgroud)
在catalog.scss我用它:
.product-view #price-block {
p {
font-weight: normal;
font-family: $paragraphFont;
....
}
}
Run Code Online (Sandbox Code Playgroud)
奇怪的是,css编译得很好,并且$paragraphFont填充正确.所以我不知道为什么编译器抱怨我有错误.
在我的Compass中,顶级文件包含包含必要插件的行:
@import "compass";
@import "rgbapng";
@import "compass/css3";
@import "config"; // file that has my variables
Run Code Online (Sandbox Code Playgroud)
但是在编译@include border-radius($box-radius-small);错误的文件时,Undefined mixin 'border-radius'并且Undefined variable: "$box-radius-small".- 两者都应该已经包含在内!
任何人都可以帮助解决这个问题吗?
PS我的包裹是:
指南针0.12.2(Alnilam)Sass 3.2.7(媒体标记)