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
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.
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