symfony - LESS 変数をオーバーライドする

Question

私は次のスタックを持っています:

base.css には次のものがあります。

// base.less
@import '/path/to/bootstrap.less'
@linkColor: 13px;

変数名はまったく重要ではありません。ブートストラップで使用される他の変数にすることができます。オーバーライドされないだけです。しかし、変数を別の .less ファイルに入れて base.less にインポートすると、すべてが期待どおりに機能します。

// base.less
@import '/path/to/bootstrap.less'
@import '/path/to/variables.less'

と

// variables.less
@linkColor: 13px;

なぜこれが機能し、他の機能が機能しないのですか? ドキュメント (less/lessphp) を調べましたが、これに関連するものは見つかりませんでした。（または、どこを見ればよいかわかりませんでした）。

誰かがなぜこれが起こっているのか説明できますか?

score 7 · Accepted Answer

lessphp コンパイラのバグのようです。github issueを見てください。あなたの回避策は、変数宣言を別のファイルに入れ、それをインポートすることです。ところでありがとう;）

score 2 · Accepted Answer

これは、すべてのBootstrapスタイルを定義するために使用された後で変数をオーバーライドするために発生します。

私はこの問題を次のように解決します。

main.less自分自身をインポートする自分自身を作成しますbootstrap.less。
私自身は、インポートパスがそれに応じて変更された自分のフォルダにコピーされbootstrap.lessたBootstrapのファイルですが、1つの例外があります。それは、Bootstrapのファイルではなく自分でインポートします。bootstrap.lessvariables.less
私自身variables.lessがブートストラップをインポートしてから、variables.less必要なものをオーバーライドします。

2 に答える 2