unitless zero value bug

[yksht]

Hi :)

I'm using postcss and have following expression:

div {
    width: calc(100% - $width - $margin);
}

and I found strange behavior when try to use zero values:

// $width: 200px;
// $margin: 0; or $margin: 0px; or $margin: 0px;
// output: 
div {
    width: calc(100% - 200px - 0); // this is not valid expression inside 'calc' and browsers don't calculate it
}

but these are valid expressions:

width: calc(100% - 200px - 0px);
width: calc(100% - 200px - 0%);

so my question is: Could you fix this? Or this is a normal behavior?
thank you :)

[MoOx]

Can you try this simple workaround?
width: calc(100% - ($width - $margin));

[yksht]

this method works, but in this case we will have unexpectable behaviour when use different units ('px' for width and '%' for margin)

[MoOx]

If you have a nice solution, PR is welcome ;)

[yksht]

ok :) thanks. I will do

[yksht]

'csswring' plugin remove units for zero values :( 'reduce-css-calc' works perfectly and passes all tests... sorry for disturbing