CSS syntax parsing bug

[jkpubsrc]

Hi!

lesscpy fails parsing the following line:

min-height: calc(100vh - 300px);

Apparently lesscpy expects something completely different instead of the 300px. If I replace 300px with a variable parsing succeeds, but CSS synthesis seems to be incorrect here.

NOTE: This syntax above is valid CSS modern web browsers understand. Something like this is extremely useful to define the height of content blocks in HTML in such a way that some footer might still be visible if the page is short. This must be calculated as the height of the window is not known and will change dynamically. A calc(...) will do that within CSS instantly during layout. It's complicated (and unnecessary) to achieve the same functionality using JavaScript.

Recommendation:

• creating of a test case / multiple test cases
• fix parsing / fix CSS synthesis

Thanks!