We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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