css - 少ない - ガーディアン ミックスインのグッド プラクティス

Question

明度値条件付きの小さな Less @mixin を作成しました。私は自分のアプリケーションの UI に Sass を使用していましたが、Less で適切な条件を作成する方法について本当に混乱しています。誰かが私に答えてくれますか?

より少ないソース:

.lightness (@conditionalValue, @lightnessPercentage, @propertyName, @truePropertyValue, @falsePropertyValue) when (lightness(@conditionalValue) >= @lightnessPercentage) {
    @{propertyName}: @truePropertyValue;
}
.lightness (@conditionalValue, @lightnessPercentage, @propertyName, @truePropertyValue, @falsePropertyValue) when (lightness(@conditionalValue) < @lightnessPercentage) {
    @{propertyName}: @falsePropertyValue;
}


.class1 { .lightness(white,65%,background,black,white) }
.class2 { .lightness(black,65%,background,black,white) }

CSS 出力:

.class1 {
  background: black;
}
.class2 {
  background: white;
}