LESS'te Virgül İçeren Parametreler
Bir bloğun gölgesini oluşturan bir fonksiyonumuz olduğunu varsayalım:
.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:
div {
.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:
div {
.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:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Arka plan ekleyen bir fonksiyon yapın. Bu fonksiyonu kullanarak bir bloğa birden fazla arka plan ekleyin.
