.layout:has(:popover-open) {
grid-template-columns: var(--sidebar-width) 1fr;
}
aside:popover-open {
translate: 0 var(--ctrl);
height: var(--extend);
}
actual zero JS for the layout transition here
so many details to play with! 🧑🍳
.layout:has(:popover-open) {
grid-template-columns: var(--sidebar-width) 1fr;
}
aside:popover-open {
translate: 0 var(--ctrl);
height: var(--extend);
}
actual zero JS for the layout transition here
so many details to play with! 🧑🍳
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
(takes a lot of work to filter out the garbage… damn)
but I believe I've setup a good system!
nerdy.dev/css-bluesky-...
(takes a lot of work to filter out the garbage… damn)
but I believe I've setup a good system!
nerdy.dev/css-bluesky-...
www.mediamatters.org/tiktok/tikto...
www.mediamatters.org/tiktok/tikto...
Help us put forward the strongest case possible👇
deno.com/blog/javascr...
Help us put forward the strongest case possible👇
deno.com/blog/javascr...
thanks for the kind words mate!!
also, love the boneless sk8 ref 🤘🏻 threw in a skateboard emoji in there in homage
thanks for the kind words mate!!
also, love the boneless sk8 ref 🤘🏻 threw in a skateboard emoji in there in homage