プロパティを適用するためのウィンドウを設定するために、値がより小さいかつ大きい場合にプロパティを設定しようとしています。
例：
.mixin (@colorVal) when (lightness(@colorVal) > 75%) {color:red;}
.mixin (@colorVal) when (lightness(@colorVal) > 25%) {color:green;}
.mixin (@colorVal) when (lightness(@colorVal) <= 75%) {color:green;}
.mixin (@colorVal) when (lightness(@colorVal) <= 25%) {color:blue;}
ガードの組み合わせ方がいまいちわかりません。上記の例では、明度が 20% の色には、3 番目と 4 番目の両方のガードが適用されます。したがって、緑と青の両方の色をコンパイルします。それは技術的には順序のために正しくレンダリングされますが、それでもちょっと厄介です...
代替ソリューションはありますか？ありがとう！