SVG icon systems compared

Code:

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

— CSS variables made my theming life so much easier.

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

I design in the browser almost exclusively now; mockups only for client sign-off.

Maybe this has been discussed before, but I could not find anything recent.

Code:

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

— CSS variables made my theming life so much easier.

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

Code:

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

— CSS variables made my theming life so much easier.

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

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

Bumping this because I ran into the same thing today.

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

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

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

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

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

That has been my experience as well.

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

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

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

Nice thread, following for the replies.

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

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

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

Nice thread, following for the replies.

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

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

Nice thread, following for the replies.

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