Post

#CSS infinity use cases nerdy.dev/css-infinity...

nerdy.devCSS Infinity Use CasesSome practical, some wild

CSS by T. Afif

@css-only.dev

25 July

I don't get the "Bools" use case. The "--active" is already set to be 0 or 1 (same as "--on") 🤔

Adam Argyle

@nerdy.dev

25 July

i'll rework the bools case 😅

how's the rework?

Ok I got the idea. It reminds me a few clamp() I was using as "toggles" between two random values which is similar to your idea.

CSS by T. Afif

@css-only.dev

btw, now I would express them using sign() ex: --solo: max(sign(2 - sibling-count()), 0); but still the infinity trick can be handy in many situations.

25/7/26, 10:05 pm0 reposts6 likes

No replies yet.