Come posso impostare meno per ignorare la matematica per determinati stili?

Question

sto usando la nuova funzione di calc in CSS per ottenere la larghezza di un oggetto, come in:

width: calc(100% - 40px); 

Purtroppo, dal momento che questo è in un file MENO, meno è "utilmente" pre-conversione di questo a 60% durante la compilazione.

Voglio meno ignorare la matematica quando è in una funzione calc poiché ho bisogno del browser per fare questo calcolo, non di meno.

È possibile comunque che LESS ignori questo calcolo per poterlo trasmettere direttamente al browser?

Answer 1

Usa attraverso una stringa di escape:

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

quali uscite puramente come CSS:

width: calc(100% - 40px); 

Invece del ricalcolo width: calc(60%) (come si è verificato).

NOTA: MENO 1.4+ non ha bisogno di questa sfuggito stringa se la modalità rigorosa-math è impostato, come tutti "matematica" richiede quindi la propria parentesi per innescare. Quindi MENO 1.4+ in quella modalità potrebbe essere utilizzato come originariamente lo era, e se si desiderava per fare la matematica, avrebbe bisogno di parentesi aggiuntive e una funzione unit() in questo modo: width: calc((100% - unit(40px)));.