相关疑难解决方法(0)

SASS - 在多个文件中使用变量

我想保留一个中心.scss文件,该文件存储项目的所有SASS变量定义.

// _master.scss 

$accent: #6D87A7;           
$error: #811702;
$warning: #F9E055;
$valid: #038144;
// etc... 
Run Code Online (Sandbox Code Playgroud)

由于其性质,该项目将包含大量CSS文件.重要的是我在一个位置声明所有项目范围的样式变量.

有没有办法在SCSS中做到这一点?

css sass

184
推荐指数
4
解决办法
14万
查看次数

编译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填充正确.所以我不知道为什么编译器抱怨我有错误.

sass

62
推荐指数
4
解决办法
5万
查看次数

标签 统计

sass ×2

css ×1