[grid-plate] Replace responsive-utility / responsive-behaviors with pure CSS solution

haxtheweb / issues

Issue queue for hax, haxcms, elmsln, lrnwebcomponents, wcfactory, websites and more.

Apache License 2.0

11 stars 1 forks source link

[grid-plate] Replace responsive-utility / responsive-behaviors with pure CSS solution #429

Closed nikkimk closed 3 years ago

nikkimk commented 3 years ago

See The Raven Technique: One Step Closer to Container Queries | CSS-Tricks and CSS Holy Albatross.

In order to do this, I will need to:

determine if this technique should be a standalone behaviors superclass
compare the api of responsive-behaviors
review/migrate the components currently using responsive-behaviors

btopro commented 3 years ago

closing #424 as you'll review this at some point and redo how it's implemented. I think we can have reasonable progressive enhancement from vanillaJS + light dom just hitting selectors like grid-plate *[slot="col-1"] type of global css. This could help w/ TTFP / flicker of unstyles content problems

btopro commented 3 years ago

now part of https://github.com/elmsln/issues/issues/763