Is it possible to use the negative value of a variable?

So if I have:

@value button-size: 55px;

Can I do something like:

position: absolute;
left: -button-size;

[joshwnj]

I haven’t tried this, but you might be able to use postcss-calc and do:

left: calc(button-size * -1);

[apacsa]

You can achieve that with CSS variables:

:root {
  --button-size: 55px;
}

.someclass {
  position: absolute;
  left: calc(-1 * var(--button-size));
}