mr0grog / element-query Goto Github PK

We should have them.

Right now, we have to load the CSS via XHR because the parsed stylesheet info doesn't contain unrecognizable selectors (which would include any selectors with :media() in them).

If we could parse the class names we replace media queries with (e.g. query_min-available-width_200px), we could do everything without needing to reload via XHR. Not as nice for an author, though. Maybe a useful optimization when using a build tool?

Probably not worthwhile unless someone really wants to use this in production as more than a proof-of-concept.

Something vaguely like:

.about:media(not min-available-width: 200px) { … }

More information about not at MDN: https://developer.mozilla.org/en-US/docs/CSS/Media_queries#not

Basically, expose queryMatchers so people can add to it. Predicated, of course, on #4.

So it can be called manually, etc.

Right now, we don't actually support element queries on the html element because it has not parentNode that we can measure. If we encounter an html:media() query, we should synthesize an appropriate @media rule for it and be done with it.