Yeah, I saw his post somewhere (probably here on Bluesky), if you mean this demo
codepen.io/bramus/pen/d....
Maybe combined with new if() functions I can do what I want. Would be an interesting challenge.

Oh, I'm so sorry for disturbing you. Have a great day!
And thank you for the demo.

I think it will be easier to understand my intention if you see an example.
I want to be able to show/hide header like it's done here (works on mobile devices only), but without JS.
www.motorsport.com
The problem with JS is that it requires to add/remove class, which causes style recalculations.

Please correct me if I'm wrong, but those would only trigger once I reach specific point in the document.
What I want is to have relative value based on current scroll position. Like this codepen.io/bramus/pen/q..., but not immediate, to accommodate for small scrolling corrections.

Hello @una.im,
Is there a plan to support range syntax, something similar to this chrome.dev/css-wrapped-...?
e.g.
@container scroll-state(scrolled: bottom > 40px) {
...
}
This would be helpful if I want to show/hide header after [x]px of scrolling up/down. Or how would you approach this?

Thank you, Jen!
I understand why it's impossible for a browser to detect which image to use until the layout is ready, but it's really hard and error prone to manually provide correct sizing for all possible cases with such a dynamic layout.

Great stuff, now the only problem is how to write responsive srcset for all of this. Is there any change that dealing with those would become easier?

and to allow better control over this we can have additional attribute (or something), e.g. `delayeduntil="[visible|never|idle]"`

@jakearchibald.com I'm wondering whether it will delay swapping of content for hidden blocks?
I have something similar built using JS, where complex menu is rendered into template and only rendered once drawer with this menu is opened by user. This would help keep HTML size under control.

Enroll in the Practical Accessibility course here: practical-accessibility.today