Rails 3，指南针不适用于@mixin

Question

我有两个带有以下示例代码的 .scss 文档：

tables.scss：

@mixin ftable {
    table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 45px;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    }
}

page.scss：

#projects-listing {
    @include ftable;
}

从 application.scss 中按此顺序需要它们：

 *= require ./tables
 *= require_tree ./partials

partials 目录包含我的 page.scss 文件。

当我加载页面时，我得到一个未定义的 mixin ftable 异常。

Answer 1

如果你想使用 Sass mixins（包括指南针）你需要使用 sass @import 函数而不是清单样式 require 函数。

在application.css.scss 中尝试这个：

@import 'tables'
@import 'page'
@import 'any other files you have'

顺序很重要 - 需要先导入带有 mixin 的文件，然后再导入将使用 mixin 的文件。