[csswg-drafts] [css-mixins-1] Consider a way for mixins to be applied with the style attribute (#13077)

sorvell has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-mixins-1] Consider a way for mixins to be applied with the style attribute ==
It would be useful if some form of mixins could be applied via the style attribute. This would enable use cases similar to the atomic or semi-atomic styling popularized by libraries like Tailwind.

The current design of mixins seems like it probably precludes this given that (1) they are applied with an at-rule `@apply` and (2) they can specify a full ruleset, including nested rules.

Perhaps there is a way to define a subset of mixins or a superset of functions that could be used for this use case. Consider something like:

```html
<article style="apply(--flex(col, center), --gap(6), --padding(7), --rounded(2xl))">
  <section>One</section>
  <section>Two</section>
  <section>Three</section>
</article>
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13077 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 7 November 2025 01:14:25 UTC