mixin宣言の他の2つのパラメーターによって2つのパラメーターをデフォルトとして設定できるようにするborder-radiusのLESS mixinを作成したいと考えていました。以下は、動作しない例ですが、私が達成しようとしているものに似ています:
.border-radius-ext (@topleft: 0, @topright: 0, @bottomright: @topleft, @bottomleft: @topright) {
border-top-left-radius: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
}
最初からすべての値を 0 に設定できることに気付きました。それは私が求めているものではありません。ミックスインが次のように使用されている場合、私はそれを望んでいました:
blockquote {
.border-radius-ext(3px, 5px);
}
ミックスインは次のように出力します。
blockquote {
border-top-left-radius: 3px;
border-top-right-radius: 5px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 5px;
}
@bottomright
...ミックスインが次のように使用された場合、とのデフォルトを@bottomleft
オーバーライドできるようにします。
blockquote {
.border-radius-ext(3px, 5px, 7px, 2px);
}
その場合、出力は次のようになります。
blockquote {
border-top-left-radius: 3px;
border-top-right-radius: 5px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 2px;
}
これはLESSでは不可能ですか、それとも間違っていますか?