-
-
Notifications
You must be signed in to change notification settings - Fork 4.8k
-
What version of Tailwind CSS are you using?
4.1.2 Doesn't work,
3. does work.
What build tool (or framework if it abstracts the build tool) are you using?
postcss 8.5.6
What version of Node.js are you using?
24.4.1
What browser are you using?
Chrome
What operating system are you using?
Win11
Describe your issue
I am using tailwind as a postcss plugin. New 4. version requires @tailwindcss/postcss.
It generated normal class like flex, p-4, but whenever i'm adding a breakpoint to class sm:flex, then the class isn't generated.
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 5 comments
-
@vatsake Could you provide a reproduction?
Beta Was this translation helpful? Give feedback.
All reactions
-
Sure
https://github.com/vatsake/tailwind
npm install
gulp watch
Beta Was this translation helpful? Give feedback.
All reactions
-
Looks like tailwind isn't working at all, i'm missing all the base styles like bg-red
etc
I'll have a look as to how to get it to work with gulp
Beta Was this translation helpful? Give feedback.
All reactions
-
What will make it work is as follows:
- Remove
sass
from postcss - Add a
style.css
with@import "tailwindcss";
- Make sure to remove the sass pipe from postcss
Beta Was this translation helpful? Give feedback.
All reactions
-
Okay thanks, got it working now. Guess sass was the culprit.
Beta Was this translation helpful? Give feedback.