behaves like classes, but csv instead of spaces. otherwise pointless?

css mixins via attribs.css

[data-mixin] { /* lashes attribs to animation names to load mixins in CSV list */
   animation: 1ms paused --none;
  animation-name: attr(data-mixin type(<custom-ident>#));
}


/* mixins are defined here, can have many rules each */
@keyframes red {from{
   color:red;
}}
@keyframes big {from{
   font-size: 2rem;
}}
@keyframes round {from{
   border-radius: 50rem;
  padding-inline: 0.5rem;
}}
@keyframes neg {from{
  filter: invert(1);
}}
@keyframes bg-black {from{
  background-color:black;
}}

/*@container style(--mixin){ works, but can only apply to children */

/* 
 example usage: <div data-mixin=big,red,round,bg-black> This is a div. </div>	 
*/