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

Question

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

-基本スタイルシートの例：

body
{
  color: @brand_color;
}

-私が選んだ配色に応じた特定のスタイルシートの例：

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

@brand_color: green;

どうすればこれを達成できますか？

Answer 1

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

importステートメントの前後で変数値を変更しても違いはありません。変数値は変更されないため、私が望んでいたことは不可能になります。

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

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

Answer 2

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

Less は、インポートが .less で終わる場合にのみコンパイルし、それ以外の何かで終わる場合は、ファイルの内容をそのまま受け取り、ファイルに挿入します。

@brand_color: greenまた、インポートされたファイルがアクセスできるように、インポートの前に宣言を配置する必要がある場合があることに注意してください。