Komma-separerad sammanfogning i LESS

Låt oss säga att vi har en funktion som skapar en skugga för ett block:

styles.less.shadow(@s) {
  box-shadow: @s;
}

Låt oss säga att vi vill lägga till två skuggor till ett block genom att anropa vår funktion två gånger:

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

Det kommer dock inte att fungera, eftersom anrop av två skuggor bara kommer att lägga till två egenskaper box-shadow:

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

Men vi skulle vilja att skuggorna lades till i en enda egenskap box-shadow separerade med kommatecken, så här:

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

För att vår funktion ska fungera på det beskrivna sättet, måste egenskapens värde skrivas efter en speciell operator +:, så här:

styles.less.shadow(@s) {
  box-shadow+: @s;
}