This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is.
Post
CSS by T. Afif
css-only.dev
did:plc:kzbz4qsltwkq3baxgue7ju4k
It seems you had the confusion I see a lot. Keyword values are not "string" but "custom-ident" so you can use the value auto (as well as other keyword) like below:
[mx] {
margin-inline: attr(mx type(<custom-ident>));
}
https://codepen.io/t_afif/pen/pvoGLGN
2025-04-03T14:08:09.606Z