Advanced attr() in
Chrome 133. Opening new
ways to integrate with CSS from your HTML:
<li scroll-snap="start"></li>
<li scroll-snap="center"></li>
[scroll-snap] {
scroll-snap-align: attr(scroll-snap type(start | center | end));
}
Try it & learn more from Bramus @ Chrome Developers
Would scroll-snap-align: attr(scroll-snap type("start | center | end")) be valid? That seems more equivalent to the first example.Jason Christa
@argyleink This CSS feature is really really cool! Though inventing custom attribute names without `data-` is something we want to avoid generally
Jelmer
@argyleink Uuuu thats a nice one! New attr() features are super powerful, and I am just waiting for new patterns we will explore soon.
https://mastodon.social/@pawelgrzybek/113843980110588700
Paweł Grzybek (@pawelgrzybek@mastodon.social)Paweł Grzybek
@unocss.dev attributify mode ???? unocss.dev/presets/attr...
This is awesome!coding at night
