CSS variables in media queries

[haliphax]

Summary

Doesn't look like CSS variables can be used as media query selectors. They're touted as such in the documentation, but it doesn't work for me.

Steps to Reproduce

1. Use the following in a stylesheet: @media (--breakpoint-lg-down) { ... }
2. View your page under the particular media query constraints
3. Styles are not applied

Additional info

• Shoelace version: 1.0.0-beta22
• Affected browsers: Firefox 57

[haliphax]

Bah, now I see that you're talking about "if you build Shoelace from source"...

[claviska]

Yep, what you're referring to are custom media queries. There's a spec for them, but browser support isn't there yet so they need to be ran through cssnext for now.