Verwendung einer undefinierten Anzahl von Argumenten in Mixins
Ich habe derzeit-webkit
Ich versuche, bestimmte Attribute in meinem Blatt "Weniger CSS" mit zu aktualisierenmixins
hinzufügen-moz
Attribute, wie folgt:
.transition(@1) {
-webkit-transition: @1;
-moz-transition: @1;
}
div {
.transition(all .5s);
}
Das obige Beispiel funktioniert gut, aber ich habe auch solche Dinge:
div {
-webkit-transition: border-color .3s, background .3s;
}
Und ich kann das nicht anrufenmixin
wie.transition(border-color .3s, background .3s)
weil es mehr Argumente hat als in dermixin
. Also, was ich im Moment mache, ist Folgendes:
.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);
}
Das ist ärgerlich. Ich muss meinem Arbeitsblatt immer dann redundanten Code hinzufügen, wenn ich eine Reihe von Argumenten verwende, die zuvor noch nicht verwendet wurden. und ich habe dieses Problem auch mit anderen CSS3-Eigenschaften, zum Beispielbox-shadow
wenn ich hinzufügen mussinset
am Anfang.
Gibt es eine Möglichkeit zu deklarierenmixins
flexibel in der Anzahl der Argumente mit Less, genau wie CSS3-Eigenschaften sind?