-
|
I'm trying to use Tailwind as a PostCSS plugin with a custom config. I used <style id="/src/assets/tailwind.css:-css" type="text/css">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>Here's a simple reproduction test: https://codesandbox.io/s/tailwind-codesandbox-issue-tclfy The only one sandbox that looks like to use it correctly is this one (using Nuxt) but it's marked as an "Experimental Sandbox", whatever it means: https://codesandbox.io/s/o4vn5pvp7q I also created a discussion in the Tailwind repo since I don't know where the issue comes from: tailwindlabs/tailwindcss#1576 Hope someone knows how to solve this! 🙏 |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
We don't support that in client sandboxes at the moment, so you will need to use a container sandbox, of which Nuxt is one, but you can also use a plain Node sandbox too (others include: Angular, Adonis, Gatsby, Marko, Next, Sapper, Apollo, Ember, Nest, Styleguidist, MDX Deck, Gridsome, Quasar, and Vuepress). Here's more info on the difference between client and container sandboxes on CodeSandbox should it be useful: https://codesandbox.io/docs/environment#what-is-an-environment |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the explanation, I will try that. Would be great to have this in a FAQ, because there're no errors and I spent a whole day on this one :) Like "how to use PostCSS with Codesandbox?". |
Beta Was this translation helpful? Give feedback.
We don't support that in client sandboxes at the moment, so you will need to use a container sandbox, of which Nuxt is one, but you can also use a plain Node sandbox too (others include: Angular, Adonis, Gatsby, Marko, Next, Sapper, Apollo, Ember, Nest, Styleguidist, MDX Deck, Gridsome, Quasar, and Vuepress).
Here's more info on the difference between client and container sandboxes on CodeSandbox should it be useful: https://codesandbox.io/docs/environment#what-is-an-environment