css - レスで設定とCSSを分離する方法は?

Question

Common less ファイルと Custom less ファイルがあります。

Common less ファイルには、すべての Web サイト ページの css と、いくつかのページの Custom a css が含まれています。

カスタムレスで共通変数を使用したいと思います。

私の考えでは：

Custom.less.css ファイル内:

@import(CommmonSettings.less.css)

@header-color: @orange;
@header-active-color: @orange-dark;

... css code ...

CommonSettings.less.css ファイルには以下が含まれます。

@orange: #f58024;
@orange-dark: #d35437;

どうすればできますか？

Answer 1

方法は次のとおりです。

v1.4.0 では、オプションを指定することで、ファイルを特定のタイプとして強制的に解釈することができます。

@import (css) "lib";

出力されます..

@import "lib";

と

@import (以下) "lib.css";

それを書いて@import"CommmonSettings.less.css";もまだうまくいくはずです。