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; 
} 

從應用程序按順序需要它們.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' 

順序很重要 - 需要被這將使用混入的文件之前，先用進口混入這些文件。