-calc(...) gives calc() result

[MoOx]

Input

div {
  margin-left: -calc(2px *2);
}

Output

div {
  margin-left: 4px;
}

Expected?

div {
  margin-left: -4px;
}

Reproducible on http://cssnext.io/playground/

[andyjansson]

The expected value should be the same as the input, as -calc is simply invalid.

[MoOx]

That’s probably a bug because we support -moz-calc() etc

[andyjansson]

I know. The bug is in the MATCH_CALC regex. It needs to be changed to the following:

 /^((?:\-[a-z]+\-)?calc)$/

[MoOx]

PR welcome :)

[andyjansson]

I already sent one.

[lkraav]

What's the next step? This seems to be affecting a couple of projects of mine.

EDIT I resolved my case by going with calc( $variable * -1 ) source css-modules/postcss-icss-values#64 (comment)

[Semigradsky]

Input

div {
 margin-left: -calc(2px *2);
}

Expected?

div {
 margin-left: -4px;
}

I think expected should be throwing exception because it is incorrect calc expression.

[wcandrew]

@lkraav Solution worked for me. HERO!

[Semigradsky]

Closed as incorrect syntax.