Support CSS3 calc()

[mikkorantalainen]

Following document throws Sabberworm\CSS\Parsing\UnexpectedTokenException with message Identifier expected. Got “+ 20p”. This is expected to be valid CSS document:

body
{
    border-top: solid green 0em;
    border-top-width: calc(1em + 20px);
}

The parser is initialized like this:

$settings = Sabberworm\CSS\Settings::create();
$settings->beStrict();
$parser = new Sabberworm\CSS\Parser($css, $settings);

I think Parser::parseValue() would need to be modified but I have no idea how to fix this.

[sabberworm]

I think it’s better to add a ValueList subclass Calc which would take care to output spaces around the + and - signs instead of trying to hack calc() on top of CSSFunction. Parsing should not be too hard, either. Also, since calc()s can include parenthesized subexpressions, there’d need to be another storage class for these.

[bestplay9384]

hey, is there any change calc() handle will be added to the parser?

[ivanraz]

Hi there,
We found an issue when using multiplication inside the calc function.

For example, we got this line in our .less file:
right: calc(~"-1*(100% - 54px)");

The parser hits an exception when it goes over the * character.

[axute]

is there any news?
we have the same issues with calc()

[sabberworm]

I don’t have time to work on this now or in the near future but pull-requests are always welcome.

[raxbg]

Can this be closed now?

[axute]

we don't use it anymore :-\

[sabberworm]

I’ll close this as soon as I make a release.

[sabberworm]

Released with 8.2.0