A workaround for using custom properties in media queries

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. I came up with a workaround and wrote about it on Piccalilli . Here s a sneak peek: @property --inline-size-s { syntax: "<length-percentage>"; inherits: true; initial-value: 100vi; } :root { --breakpoint-s: 48em; --inline-size-s:…