Fungsi calc dalam LESS
Mari buat fungsi yang akan menjadi pembungkus
untuk fungsi CSS calc.
Biarkan fungsi kita menerima nama sifat sebagai parameter pertama,
dan nilai yang dikira 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%);
}
Beritahu, apakah hasil kompilasi kod berikut:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}