TyrionGraphiste TyrionGraphiste - 2 months ago 20
CSS Question

Css calc() function, operator +

I wanted to do something in CSS with the calc() function but I have a problem.
I try to do this operation and have an error in console :

width: calc(~"33.33333333%" + unit(20, px));


Console show this message :


ParseError: Unrecognised input in
C:path\translation.less
on line 24, column 3:

23

24 .title {

25

Process finished with exit code 1


Yet if I do this, I have no error :

width: calc(~"66.66666667%" - unit(20, px));


Someone would be able to help me and make me understand why this error by changing the operator?

Thank you

Answer

Ok, I solve it with trying this :

~"calc(33.33333333% + 20px)";

And it's perfect working.