Używanie niezdefiniowanej liczby argumentów w mieszankach
Obecnie mam-webkit
określonych atrybutów w arkuszu mniej CSS, staram się je zaktualizowaćmixins
dodać-moz
takie atrybuty:
.transition(@1) {
-webkit-transition: @1;
-moz-transition: @1;
}
div {
.transition(all .5s);
}
Powyższy przykład działa dobrze, ale mam też takie rzeczy:
div {
-webkit-transition: border-color .3s, background .3s;
}
I nie mogę zadzwonić domixin
tak jak.transition(border-color .3s, background .3s)
ponieważ ma więcej argumentów niż zdefiniowano wmixin
. W tej chwili robię to:
.transition(@1) {
-webkit-transition: @1;
-moz-transition: @1;
}
.transition-2(@1, @2) {
-webkit-transition: @1, @2;
-moz-transition: @1, @2;
}
div {
.transition-2(border-color .3s, background .3s);
}
Jest to denerwujące, muszę dodawać zbędny kod w moim arkuszu za każdym razem, gdy używam wielu argumentów, które wcześniej nie były używane; i mam na przykład ten problem z innymi właściwościami CSS3box-shadow
kiedy muszę dodaćinset
na początku.
Czy jest jakiś sposób na zadeklarowaniemixins
elastyczna liczba argumentów za pomocą Less, podobnie jak właściwości CSS3?