LESS'te Virgül ile Birleştirme

Bir blok gölgesi oluşturan bir fonksiyonumuz olduğunu varsayalım:

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

Fonksiyonumuzu iki kez çağırarak bir bloğa iki gölge eklemek istediğimizi varsayalım:

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

Ancak, başaramayacağız çünkü iki gölge çağrısı basitçe iki box-shadow özelliği ekleyecek:

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

Oysa biz gölgelerin tek bir box-shadow özelliğine virgülle ayrılmış şekilde eklenmesini istiyoruz, işte şöyle:

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

Fonksiyonumuzun anlatıldığı şekilde çalışması için, özellik değerini özel +: operatöründen sonra yazmak gerekir, işte şöyle:

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