LESS'te Virgül İçeren Parametreler

Bir bloğun gölgesini oluşturan bir fonksiyonumuz olduğunu varsayalım:

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

Gördüğünüz gibi, fonksiyonumuzun bir parametresi var. Bu, bu parametreye gölge değerlerimizin tümünü boşlukla ayırarak ileteceğimiz anlamına gelir, şu şekilde:

styles.lessdiv {
  .shadow(1px 1px red);
}

Ancak CSS'te, virgülle ayırarak birden fazla gölge belirtebilirsiniz. Maalesef bizim durumumuzda bu mümkün olmayacak, çünkü virgül, derleyici tarafından fonksiyon parametreleri arasında ayırıcı olarak algılanacak:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // hata verecek
}

Ancak bir çözüm var. LESS'in virgül içeren stringimizi tek bir parametre olarak algılamasını sağlayabiliriz. Bunun için değer listemizi noktalı virgül ile bitirmeniz gerekir:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}