1

我已经使用 SASS 几天了，遇到了一个问题。

这是完美呈现的 SCSS： 

@import "light";
@import "basic";
@import "fancybox";

由于它是一种用户样式，Firefox 需要在 @-moz-document 规则中使用所有特定于站点的 CSS，如下所示： 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("clubfile.ru"){
    @import "light";
    @import "basic";
    @import "fancybox";
}

不幸的是，这不起作用，编译器返回错误：

Mixins 只能定义在文档的根目录

以及 _basic.scss 中对 mixins 的引用。Gem 版本是 Sass 3.1.20 和 Compass 0.12.2。

那么，有没有办法修复或忽略该错误？

更新 1：我认为类似于 SCSS mixins 的 -moz 规则语法造成了所有麻烦。

4

1 回答 1

1

您的“light”、“basic”或“fancybox”文件是否包含 mixin 定义，或者导入包含 mixin 定义的文件？如果是这样，您将不得不将 mixins 移出。

您可以尝试将您的 mixins 移动到 _mixins 部分中，并仅在需要的地方使用 @import。

于 2012-07-17T16:12:49.967 回答