Làm thế nào tôi có thể hướng dẫn ít hơn để bỏ qua toán học cho các kiểu nhất định?

Question

Tôi đang sử dụng calc chức năng mới trong CSS để có được chiều rộng cho một đối tượng, như trong:

width: calc(100% - 40px); 

Thật không may, vì đây là một tập tin ít hơn, ít là "helpfully" trước chuyển đổi này để 60% trong thời gian biên dịch.

Tôi muốn ít bỏ qua toán khi nó ở trong hàm calc vì tôi cần trình duyệt để thực hiện phép tính này, không ít hơn.

Có anyway tôi có thể làm cho LESS bỏ qua tính toán này để tôi có thể chuyển nó thẳng vào trình duyệt?

Answer 1

Sử dụng nó thông qua một chuỗi thoát:

width: ~"calc(100% - 40px)"; 

Những kết quả đầu ra hoàn toàn như CSS:

width: calc(100% - 40px); 

Thay vì precalculating width: calc(60%) (như bạn đang gặp).

LƯU Ý: 1.4+ LESS không cần điều này thoát chuỗi nếu nghiêm ngặt-toán chế độ được thiết lập, như tất cả các "toán học", sau đó đòi hỏi ngoặc riêng của mình để kích hoạt. Vì vậy, LESS 1.4+ trong chế độ đó có thể được sử dụng như ban đầu bạn đã có nó và nếu bạn muốn nó để thực hiện phép toán, nó sẽ cần thêm dấu ngoặc đơn và hàm unit() như sau: width: calc((100% - unit(40px)));.