CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] ...

Saved Feb 24, 2025

Shared by jhey ʕ•ᴥ•ʔ @jh3yy on X

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; } https://t.co/65FFjdUWrc

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; } https://t.co/65FFjdUWrc

Visit original →