Having gone through nesting hell multiple times using SCSS/LESS, the only form of nesting is self referencing.

Meaning inside a block of `.my-component {}` you only find rules that are related to the component itself and not its children. (e.g interaction states, attribute selectors, etc)

@css-only.dev i made this a long time ago (still written in SCSS), feel free to include it in your collection, if you find it interesting or worthy
codepen.io/dogoku/pen/e...

i just discovered your work on dev.to (even back from 2023) and I just wanna say that my mind is blown. Thank you <3

Thank you for this post! I just fell down a massive rabbit hole, exploring both yours and Jane Ori's work.

while an interesting application, there's a dedicated API for this, called scroll driven animations, which you can learn more about here scroll-driven-animations.style

I have been banging that drum ever since "floating labels" became a trend. Placeholders are not labels! Each has it's own use...

I wish more people would ask for improved scrollbar styling options... It is still impossible to style a scrollbar _consistently_ crossbrowser or crossplatform. At least with Scroll Driven Animations, making a custom scrollbar is going to be easier than ever.

forgot the hashtags... 😅 #CSS #JS #HTML #WebDev

I never really posted on the ol'bird website, even though i had an account for over a decade. I guess all this hype around bluesky, got me inspired 🤩

we've been wanting to style the "stuck" state ever since `position: sticky` was introduced and it's finally happening 🤯