Importing file with :root declarations about postcss-custom-media HOT 6 CLOSED

This is not possible according to the specification. Custom props are depending on the DOM, as media queries don't.

from postcss-custom-media.

The reason I am doing it this way is I want to import variables that I share over npm:

https://github.com/quantumjs/css-variables/blob/master/breakpoints/generic.pcss

from postcss-custom-media.

Again, it does not make sense. Just declare multiple custom media queries.

from postcss-custom-media.

Thanks but it makes me feel more DRY by attempting to share these via npm.

I'm not sure what you mean by Custom props are depending on the DOM, as media queries don't.

from postcss-custom-media.

custom props are defined in a selector (:root is just html - and postcss-custom-properties limit those because of potential issues - see readme of this package).
media queries just depend on the media (desktop, mobile, tv etc) and are not related with the dom tree.
You can share custom media using npm like this https://github.com/cssrecipes/custom-media-queries

from postcss-custom-media.

Great thx, that will be fine for my needs.

from postcss-custom-media.