[andrico]

This is cool.

Quick question, how are you implementing the Tailwind styles? I'm assuming that the material/web use the shadow DOM to encapsulate styles, and therefore allow customised using CSS variables.

So I'm a little confused why the global tailwind CSS seems to work

[bazaz]

This is a WIP I'm trying to figure out.

I want to be able to load those CSS variables as Tailwind directives.

e.g.

`

|_ button

  |_ index.tsx

  |_ tailwind.ext.js // <-- this contains the design tokens of this component as Tailwind directives. Now simply extend your Tailwind config with this file to add the relevant design tokens

`

I would love any ideas or feedback on this mechanism.