|
Using strictMath to prevent Less from trying to calculate stuff it's shouldn't calculate.
Example:
The following Less:
.small {
width: calc(~"100% / 12 * 6 - 40px");
}
will output the following CSS:
.small {
width: -webkit-calc(100% / 12 * 7 - 40px);
width: calc(100% / 12 * 7 - 40px);
}
which is as expected. The calculation can be performed at runtime.
But the minified version will be:
.small{width:-webkit-calc(18.33333333%);width:calc(18.33333333%)}
and that's something else (the absolute part, 40px, shouldn't be converted to something relative).
By using strictMath: true both the CSS and the minified CSS will contain the entire calculation.
|
