Penggabungan dengan Koma di LESS
Misalkan kita memiliki fungsi yang membuat bayangan blok:
styles.less.shadow(@s) {
box-shadow: @s;
}
Misalkan kita ingin menambahkan dua bayangan ke blok, dengan memanggil fungsi kita dua kali:
styles.lessp {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Namun, kita tidak akan berhasil, karena
pemanggilan dua bayangan hanya akan menambahkan dua properti
box-shadow:
styles.cssp {
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:
styles.cssp {
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:
styles.less.shadow(@s) {
box-shadow+: @s;
}
Задание 1
Buatlah fungsi serupa untuk properti
text-shadow.
Задание 2
Buatlah fungsi serupa untuk properti
background.