Hendrik Lammers

Negate a CSS variable

To use the negative value of a CSS variable we have to wrap it in the calc function and multiply the value by -1

:root {
  --margin: 20px;
}

.container {
  margin-left: calc(var(--margin) * -1);
}

Just adding - in front of the variable like this -var(--margin) will not work.