Luma events sticky animation

A small exploration of animating date header when scrolling

The component below uses new CSS scroll state queries instead of relying on JavaScript. Knowing when the component is in the stuck state makes animating with pure CSS very straightforward. Currently, this is only available in Chromium browsers.