Komma-separerte parametere i LESS

La oss si at vi har en funksjon som lager en skygge for en boks:

styles.less.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:

styles.lessdiv {
  .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:

styles.lessdiv {
  .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:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}