Usando um número indefinido de argumentos em mixins
Eu tenho atualmente-webkit
atributos específicos na minha folha Less CSS, estou tentando atualizá-los commixins
adicionar-moz
atributos, como este:
.transition(@1) {
-webkit-transition: @1;
-moz-transition: @1;
}
div {
.transition(all .5s);
}
O exemplo acima funciona bem, mas também tenho coisas assim:
div {
-webkit-transition: border-color .3s, background .3s;
}
E eu não posso ligar para omixin
Como.transition(border-color .3s, background .3s)
porque tem mais argumentos do que os definidos nomixin
. Então, o que estou fazendo no momento é este:
.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);
}
Isso é chato, eu preciso adicionar código redundante na minha planilha sempre que eu estiver usando um número de argumentos não usados anteriormente; e eu tenho esse problema com outras propriedades CSS3 também, por exemplobox-shadow
quando preciso adicionarinset
no inicio.
Existe alguma maneira de declararmixins
flexível em seu número de argumentos com menos, assim como as propriedades CSS3 são?