Fungsi calc di LESS
Mari kita buat fungsi yang akan menjadi pembungkus
atas fungsi CSS calc.
Biarkan fungsi kita menerima nama properti sebagai parameter pertama,
dan nilai yang dihitung sebagai parameter kedua:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Mari gunakan fungsi kita:
p {
.calc(width, ~'10px + 30%');
}
Hasil kompilasi:
p {
width: calc(10px + 30%);
}
Jelaskan, apa hasil kompilasi dari kode berikut:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
