Koma abil ühendamine LESS-is

Oletame, et meil on funktsioon, mis loob bloki varju:

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

Oletame, et tahame lisada blokile kaks varju, kutsudes meie funktsiooni kaks korda:

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

Meil aga midagi ei õnnestu, sest kahe varju kutsumine lisab lihtsalt kaks box-shadow omadust:

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

Meie aga sooviksime, et varjud lisataks ühte omadusse box-shadow komaga eraldatuna, nagu nii:

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

Selleks, et meie funktsioon töötaks kirjeldatud viisil, tuleb omaduse väärtus kirjutada pärast spetsiaalset operaatorit +:, nagu nii:

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