Spojování čárkou v LESS

Předpokládejme, že máme funkci vytvářející stín bloku:

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

Řekněme, že chceme bloku přidat dva stíny voláním naší funkce dvakrát:

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

Nicméně nám se nic nepovede, protože volání dvou stínů jednoduše přidá dvě vlastnosti box-shadow:

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

Ale my bychom chtěli, aby byly stíny přidány do jedné vlastnosti box-shadow oddělené čárkou, takhle:

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

Aby naše funkce fungovala popsaným způsobem, je třeba hodnotu vlastnosti zapsat za speciální operátor +:, takto:

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