Not a bug CSS calc() function not working properly

[Aivaras]

Affected version

2.1.3

In XF, something like:

width: calc(100% - 10px);

results in:

width: calc(90%);

Tested on Firefox and Chrome.

That is to say, the "px" value is parsed as "%" when performing the calculation.

 

[Mirovinger]

Use.

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

 

[Aivaras]

Thanks, that works.

 

[Chris D]

@Mirovinger is correct.

As it stands, you're not actually hitting the CSS calc() function, you're hitting the Less calc() function. Due to the crossover, you need to escape the command as demonstrated above.

 

[Aivaras]

Lesson learned.