I’m a big fan of custom properties and I use them almost everywhere. One of the places where I’d love to use them, but can’t, is with media queries. The following code won’t work in any browser. :root { --breakpoint-s: 480px; } @media (min-width: var(--breakpoint-s)) { /* do something */ } The Custom Properties specification explains: The var() function can be used in place of any part of a value in any property on an element. The var() function can not be used as property names, sel...
