Parameter dengan Koma di LESS
Misalkan kita memiliki fungsi yang membuat bayangan untuk blok:
.shadow(@s) {
box-shadow: @s;
}
Seperti yang Anda lihat, fungsi kita memiliki satu parameter. Ini berarti kita akan meneruskan semua nilai bayangan kita ke parameter ini dengan spasi, seperti ini:
div {
.shadow(1px 1px red);
}
Namun, di CSS, kita dapat menentukan beberapa bayangan dengan menuliskannya dipisahkan koma. Sayangnya, dalam kasus kita hal ini tidak akan berhasil, karena koma akan dianggap oleh kompiler sebagai pemisah antar parameter fungsi:
div {
.shadow(1px 1px red, 1px 1px blue); // akan menghasilkan error
}
Namun, ada solusinya. Kita dapat memaksa LESS untuk menganggap string kita dengan koma sebagai satu parameter. Untuk melakukan ini, kita perlu mengakhiri enumerasi nilai-nilai kita dengan titik koma:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Buatlah fungsi yang menambahkan latar belakang. Dengan menggunakan fungsi ini, tambahkan beberapa latar belakang ke sebuah blok.