CSS :has() use cases you actually use (part 2)

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

Container queries changed how I build card layouts — the component adapts to its slot, not the viewport.

I did a bit of searching but could not find a recent thread on this, so here we go.

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

Container queries are great but I still add a media-query fallback.

Nice thread, following for the replies.

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

:has() feels like cheating compared to what we used to do.

Good point, I had not thought of it that way.

I still reach for Bootstrap when a client needs to maintain it afterwards.

Refactoring legacy CSS one component at a time is the only sane way.

Refactoring legacy CSS one component at a time is the only sane way.

I disagree slightly, but I can see where you are coming from.

:has() feels like cheating compared to what we used to do.

Container queries are great but I still add a media-query fallback.

Interesting — I will have to try that.

That has been my experience as well.