Penggabungan dengan Koma di LESS
Misalkan kita memiliki fungsi yang membuat bayangan blok:
.shadow(@s) {
box-shadow: @s;
}
Misalkan kita ingin menambahkan dua bayangan ke blok, dengan memanggil fungsi kita dua kali:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Namun, kita tidak akan berhasil, karena
pemanggilan dua bayangan hanya akan menambahkan dua properti
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Padahal kita ingin bayangan ditambahkan
ke dalam satu properti box-shadow yang dipisahkan dengan koma,
seperti ini:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Agar fungsi kita bekerja seperti yang dijelaskan
di atas, nilai properti harus ditulis setelah
operator khusus +:, seperti ini:
.shadow(@s) {
box-shadow+: @s;
}
Buatlah fungsi serupa untuk properti
text-shadow.
Buatlah fungsi serupa untuk properti
background.
