Komma-separerte parametere i LESS
La oss si at vi har en funksjon som lager en skygge for en boks:
.shadow(@s) {
box-shadow: @s;
}
Som du ser, har funksjonen vår én parameter. Det betyr at vi vil sende alle skyggeverdiene våre inn i denne parameteren mellom mellomrom, slik:
div {
.shadow(1px 1px red);
}
I CSS kan man imidlertid sette flere skygger ved å skrive dem separert med komma. I vårt tilfelle vil dette dessverre ikke fungere, fordi kommaet vil bli oppfattet av kompilatoren som en skilletegn mellom funksjonsparametere:
div {
.shadow(1px 1px red, 1px 1px blue); // vil gi en feil
}
Det finnes imidlertid en løsning. Vi kan tvinge LESS til å oppfatte strengen vår med komma som én parameter. For å gjøre dette må vi avslutte opplistingen av våre verdier med et semikolon:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Lag en funksjon som legger til bakgrunn. Bruk denne funksjonen til å legge til flere bakgrunner for en boks.
