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的文件之前。