dotlesscss：importer dotlesscssスタイルシートから変数値を変更する方法

Question

ドットレス変数として定義された色のベーススタイルシートを使用したいと思います。 次に、私が使用している色のテーマに応じて、この色を変更したいと思います。

- ベースのスタイルシートの例：

body 
{ 
    color: @brand_color; 
} 

- 特定のスタイルシートの例、私が選ぶカラースキームに応じて：

@import "../BaseStyleSheet.less.css"; 

@brand_color: green; 

どのように私はこれを達成することができますか？

Answer 1

インポートされたファイルの拡張子は ".less"にする必要があります。

インポートステートメントの前後にある変数値を変更することで違いはありませんが、変数値は変更されません。

"インポートでは、メイン参照Lessファイル（またはメイン参照ファイル内の他の参照Lessファイル）の変数にアクセスできません。これにより、インポートされたLessファイルは、使用された場所に依存しません。

http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/

Answer 2

あなたは.lessするインポートしたファイルの拡張子を変更する必要が

少ないが、彼らはそれが文字通りファイルの内容を取り、何か他のものに終わる場合、彼らは.lessで終わる場合のみ輸入をコンパイルし、ただでそれを挿入あなたのファイル。

また、インポートする前に​​宣言を挿入して、インポートされたファイルにアクセスできるようにすることもできます。