Hàm calc trong LESS

Hãy tạo một hàm sẽ là lớp bọc cho hàm CSS calc. Giả sử hàm của chúng ta nhận tham số đầu tiên là tên thuộc tính, và tham số thứ hai - giá trị được tính toán:

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

Hãy sử dụng hàm của chúng ta:

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

Kết quả biên dịch:

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

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