Penggabungan dengan Koma dalam LESS
Katakan kita mempunyai fungsi yang mencipta bayang untuk blok:
.shadow(@s) {
box-shadow: @s;
}
Katakan kita ingin menambah dua bayang kepada blok, dengan memanggil fungsi kita dua kali:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Walau bagaimanapun, kita tidak akan berjaya, kerana
panggilan dua bayang hanya akan menambah dua sifat
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Sedangkan kita ingin bayang-bayang itu ditambah
kepada satu sifat box-shadow yang dipisahkan dengan koma,
seperti ini:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Untuk membuat fungsi kita berfungsi seperti yang diterangkan,
nilai sifat perlu ditulis selepas
operator khas +:, seperti ini:
.shadow(@s) {
box-shadow+: @s;
}
Buat fungsi yang serupa untuk sifat
text-shadow.
Buat fungsi yang serupa untuk sifat
background.
