Remove whitespace inside calc()

[valtlai]

If I have code like this

.foo {
   font-size: calc(var(--h) * 1em);
   margin-top: calc(1.5em / var(--h));
}

it can be minified to

.foo{font-size:calc(var(--h)*1em);margin-top:calc(1.5em/var(--h))}

but it gets minified to

.foo{font-size:calc(var(--h) * 1em);margin-top:calc(1.5em / var(--h))}

So could cssnano remove whitespace around * or / inside calc()?

It’s allowed by the spec:

white space is required on both sides of the ‘+’ and ‘-’ operators. (The ‘*’ and ‘/’ operaters can be used without white space around them.)

---

If I have code like this

.foo {
  --a: calc(var(--x, 1) * 10vw);
  --b: var(--x, 1);
}

it gets minified to

.foo{--a:calc(var(--x, 1) * 10vw);--b:var(--x,1)}

So the space after the comma is not removed inside calc(), but is outside calc().

[andyjansson]

Fixed in upstream package.

[valtlai]

The second one is not fixed yet!