bloom-housing / ui-seeds

Shared user interface components for Bloom affordable housing system
Apache License 2.0
1 stars 1 forks source link

Add variable-based media query support #34

Closed jaredcwhite closed 1 year ago

jaredcwhite commented 1 year ago

Instead of hard coding a breakpoint like 640px, we should use our screen size variables.

Unfortunately media queries are one area where native CSS variables aren't supposed, so we'll have to fallback to something like Sass variables (which is what happens in ui-components, but it's not currently in ui-seeds). Or maybe there's a better way to do it that nods towards a potential browser spec coming down the pike.