Refactoring legacy CSS without breaking everything

:has() finally lets me style parents without JavaScript, and support is good now.

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

Code:

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

— CSS variables made my theming life so much easier.

CSS variables + one class toggle is my whole dark mode stack.

CSS variables + one class toggle is my whole dark mode stack.

Bumping this because I ran into the same thing today.

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

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

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

CSS variables + one class toggle is my whole dark mode stack.

That has been my experience as well.

Interesting — I will have to try that.