Less.js: Less doesn't support new math functions (e.g. min, max)
border-width: max(.01rem, 1px);
This code will break compile process.
joe223
👍6
All 4 comments
Note: This is likely also true for the related clamp() function.
A workaround
For anyone coming across this needing a workaround, you can always use LESS' string escaping capabilities to pass along a plain string to the CSS, eg.
border-width: ~"max(.01rem, 1px)";
kbav
on 18 Feb 2020
👍4
@kbav Thanks，that's really helpful!
joe223
on 6 May 2020
👍1
If you need to use Less variables, e.g. max(@my-var, 1px), you can do
@my-var: .01rem;
--my-var: @my-var;
border-width: ~"max(var(--my-var), 1px)";
WofWca
on 6 Jul 2020
Should be working as of Less 4
matthew-dean
on 10 Jan 2021
Was this page helpful?
0 / 5 - 0 ratings
Related issues
dotnetwise
·
5Comments
papandreou
·
7Comments
chricken
·
6Comments
matthew-dean
·
6Comments
heavyk
·
3Comments
Most helpful comment
Note: This is likely also true for the related
clamp()function.A workaround
For anyone coming across this needing a workaround, you can always use LESS' string escaping capabilities to pass along a plain string to the CSS, eg.
border-width: ~"max(.01rem, 1px)";