Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Classes are not being generated if using breakpoint #18829

Closed Unanswered
vatsake asked this question in Help
Discussion options

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.

You must be logged in to vote

Replies: 5 comments

Comment options

@vatsake Could you provide a reproduction?

You must be logged in to vote
0 replies
Comment options

Sure
https://github.com/vatsake/tailwind

npm install
gulp watch
You must be logged in to vote
0 replies
Comment options

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

You must be logged in to vote
0 replies
Comment options

What will make it work is as follows:

  1. Remove sass from postcss
  2. Add a style.css with @import "tailwindcss";
  3. Make sure to remove the sass pipe from postcss
You must be logged in to vote
0 replies
Comment options

Okay thanks, got it working now. Guess sass was the culprit.

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Help
2 participants
Converted from issue

This discussion was converted from issue #18828 on August 29, 2025 11:35.

AltStyle によって変換されたページ (->オリジナル) /