css - less.css idの場合はテーマ変数を変更

Question

私の少ないファイルでは、可変テーマの色を次のように定義します。@primaryColour: red;

しかし、体のIDが変わったら、全体のテーマカラーを'@primaryColour: blue;

このテーマの色を再定義するにはどうすればよいですか? これは機能しません:

@primaryColour: red;

body#secondTheme {
  @primaryColour: yellow;
}

Answer 1

LESS 内 (同じスコープ内) で変数を上書きすることはできません。ドキュメントには具体的に次のように記載されています。

LESS の変数は、一度しか定義できないという点で、実際には「定数」であることに注意してください。

次のようなものを使用することをお勧めします。

.colorDefs(@color) {
    @primaryColour: @color;
}

body#firstTheme {
  .colorDefs(red);
}
body#secondTheme {
  .colorDefs(yellow);
}