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:

styles.less.calc(@name, @calc) {
  @{name}: calc(@calc);
}

Mari gunakan fungsi kita:

styles.lessp {
  .calc(width, ~'10px + 30%');
}

Hasil kompilasi:

styles.cssp {
  width: calc(10px + 30%);
}

styles.lessp {
  .calc(width, ~'10px + 30%');
  .calc(height, ~'10px + 30%');
}