Post

Ever want to use CSS variables in media queries? There's no native solution yet, but there's a W3C proposal for this: env() ✨ Install the PostCSS plugin for a glimpse at the future:

Here's my blog post with all the nuance. Actually wrote about this 3 years ago 😧 It's my most popular post, so I thought it deserved an update! bholmes.dev/blog/alterna...

bholmes.devWant CSS variables in media query declarations? Try this!Let's see why CSS variables / custom properties fail in media queries + some workarounds to try

@jeremias.codes

Or, use custom media and transpile it using lightningcss.dev, after all is the direct response from the spec to that need.

lightningcss.devLightning CSSAn extremely fast CSS parser, transformer, bundler, and minifier.

Woah, never seen this! Very neat github.com/csstools/pos...

3/12/24, 4:58 pm2 reposts9 likes

I tweeted it to you on Twitter a couple hours ago too =) imo, custom-media is closer to what you want than environment variables