LESS-də Vergül Vasitəsilə Birləşdirmə

Tutaq ki, bizim blok kölgəsi yaradan bir funksiyamız var:

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

Tutaq ki, biz funksiyanı iki dəfə çağıraraq bloka iki kölgə əlavə etmək istəyirik:

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

Lakin, biz heç nə əldə edə bilməyəcəyik, çünki iki kölgə çağırışı sadəcə iki box-shadow xassəsi əlavə edəcək:

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

Biz isə istəyirdik ki, kölgələr bir box-shadow xassəsinə vergüllə ayrılmış şəkildə əlavə olunsun, bu şəkildə:

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

Funksiyamızın təsvir olunduğu kimi işləməsi üçün, xassənin dəyərini xüsusi +: operatorundan sonra yazmaq lazımdır, bu şəkildə:

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