Resolve variables in media queries

[Glen Huang]

As mentioned in https://gist.github.com/hgl/77f0141eea04817ee0af

I would like to make this plugin also resolve variables used in media queries (including custom media queries).

But I need your opinion on the breaking change to the preserve property I proposed in that gist (tl;dr enabling it doesn't fallback to specified values for resolvable values).

[Max Thirouin]

This is invalid according to custom props specs so I won't add that into this module. I will close this issue when I will add a note about that in the Readme.

[Glen Huang]

Is it because media queries don't inherit from the :root element?

[Max Thirouin]

Yep.

[Wolfgang Kluge]

OK, here is a workaround (not in @custom-media so far)
https://github.com/WolfgangKluge/postcss-media-variables

[Max Thirouin]

You should use postcss-custom-media instead to stay in the future of CSS.

[Nikos]

I'm so happy about this!

[Josh Corbett]

You should use postcss-custom-media instead to stay in the future of CSS.

It's 2021 now, and this plugin hasn't been updated in 4 years and doesn't support PostCSS 7 or newer. Has anyone found a workaround or just decided to downgrade to PostCSS 6?

[Nikos]

i feel old

[Hans Lemuet]

You should use postcss-custom-media instead to stay in the future of CSS.

It's 2021 now, and this plugin hasn't been updated in 4 years and doesn't support PostCSS 7 or newer. Has anyone found a workaround or just decided to downgrade to PostCSS 6?

v8.0.0 supports PostCSS 8