Spájanie čiarkou v LESS

Majme funkciu, ktorá vytvára tieň bloku:

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

Povedzme, že chceme bloku pridať dva tieňe volaním našej funkcie dvakrát:

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

Avšak nič sa nám nepodarí, pretože volanie dvoch tieňov jednoducho pridá dve vlastnosti box-shadow:

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

Ale my by sme chceli, aby sa tieňe pridali do jednej vlastnosti box-shadow oddelené čiarkou, takto:

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

Aby naša funkcia fungovala opísaným spôsobom, je potrebné zapísať hodnotu vlastnosti za špeciálnym operátorom +:, takto:

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