LESS'te Virgül ile Birleştirme
Bir blok gölgesi oluşturan bir fonksiyonumuz olduğunu varsayalım:
.shadow(@s) {
box-shadow: @s;
}
Fonksiyonumuzu iki kez çağırarak bir bloğa iki gölge eklemek istediğimizi varsayalım:
p {
.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:
p {
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:
p {
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:
.shadow(@s) {
box-shadow+: @s;
}
text-shadow özelliği için benzer bir fonksiyon yapın.
background özelliği için benzer bir fonksiyon yapın.
