我想保留一个中心.scss文件,该文件存储项目的所有SASS变量定义.
// _master.scss
$accent: #6D87A7;
$error: #811702;
$warning: #F9E055;
$valid: #038144;
// etc...
Run Code Online (Sandbox Code Playgroud)
由于其性质,该项目将包含大量CSS文件.重要的是我在一个位置声明所有项目范围的样式变量.
有没有办法在SCSS中做到这一点?
使用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填充正确.所以我不知道为什么编译器抱怨我有错误.