Le compresseur enlève les unités sur zéro, ce qui pose problème avec calc().

Scénario de base pour comprendre :

• calc(20px - 0px)
• calc(20px - 0)

Dans le second cas (sans unité), le navigateur ne sait pas interpréter le calcul, et ignore l’instruction.

Le compresseur réduit ces unités, particulièrement dans les variables CSS :

--x: 0px;

Devient

--x: 0;

Ce qui fait qu’ensuite, quelque chose comme l’instuction ci dessous ne fonctionne plus :

margin-left: calc(20px - var(--x));

Temporairement un hack est d’utiliser

--x: 0%;

Car étrangement l’unité % n’est pas réduite.