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:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Hãy sử dụng hàm của chúng ta:
p {
.calc(width, ~'10px + 30%');
}
Kết quả biên dịch:
p {
width: calc(10px + 30%);
}
Hãy cho biết, kết quả biên dịch của đoạn mã sau sẽ như thế nào:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
