相关疑难解决方法(0)

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

我在core.scss文件中@import"boostrap",它还导入其他scss文件(例如:_modals.css).

在modals.css中我想扩展一些引导类:

.modal-container {
  @extend .row;
}

并且扩展不能按预期工作:

警告在....../_ modals.css.scss的第42行:".do"未能@extend".row".找不到选择器".row".这将是Sass未来版本中的错误.如果扩展应该能够失败,请使用"@extend .row!optional".

• 我使其工作的唯一方法是在_modals.scss中再次@import"bootstrap",但这实际上包括此文件中的整个bootsrap ...

  另一个解决方案是移动所有在core.css文件中扩展css的定义 - 在这种情况下 - css的结构要少得多......

我该怎么做呢？