一般的なSCSSファイルをどのようにどこにインポートすれば、すべてのscssファイルで使用できるようになりますか？

Question

色に変数を使用するscssファイルがあります。以下のような -

.label-primary, .badge-primary { 
    background-color: $navy; 
    color: #FFFFFF; 
} 

.label-success, .badge-success { 
    background-color: $blue; 
    color: #FFFFFF; 
} 

.label-warning, .badge-warning { 
    background-color: $yellow; 
    color: #FFFFFF; 
} 

これらの変数は、variables.scssファイル

私はすでにapplication.css.scssファイルに@import "base/variables";を@importedしている中で定義されています。

// Variables, Mixins 
@import "base/variables"; 
@import "base/mixins"; 

が、まだそれは他のSCSSファイルで負荷をdoesntの生産にプリコンパイルしようとするとエラーSass::SyntaxError: Undefined variable: "$navy".をスローします。

私は、上のすべてのscssファイルに明示的に@import "base/variables";する必要があります。 35のファイルがあります。

このvariable.scssファイルをすべてのscssファイルにロードするにはどうすればいいですか？

NOTE: I am using rails-api gem and the application is API only. I have tweaked a bit to make some views on this application. 

Answer 1

sprockets-sass宝石を試しましたか？これは、SCSSファイルとSASSファイルの両方でSprockets 2.xおよび3.xとうまく機能します。

そして、それはあなたが必要とするものを正確に行います：D