Why is Tailwind CSS not working on my new Hydrogen project?

Why is Tailwind CSS not working on my new Hydrogen project?

VectorStudios
Shopify Partner
2 0 0

I spun up a new Hydrogen project, went through the CLI setup selected Typescript, with TailwindCSS and to pre-scaffold all the routes.

Immediately Tailwind CSS is not working out of the box. No errors just seems to not be compiling. Now I built a project with no scaffolding and with javascript and Tailwind worked out of the box no problems. Is there something wro

Replies 2 (2)

geeth24
Shopify Partner
1 0 0

adding @import url('tailwind.css'); to app.css. is temp solution to this too.

Abdul-Wahab
Shopify Partner
1 0 0

add 

import tailwind from 'tailwindcss/tailwind.css';

 

import resetStyles from './styles/reset.css';
import tailwind from 'tailwindcss/tailwind.css';
import appStyles from './styles/app.css';

 

in root.tsx