Negative variables

It's not possible to use negative variables out of the box like this -var(--size); Instead you need to multiply the variable with -1.

calc(var(--size) * -1);

Demo

As you can see is it pulling the div to the left instead of pushing it to the right.

Sources

• https://github.com/css-modules/postcss-icss-values/issues/64#issuecomment-241285628
• Modified by CSSPoo