In this blog, I’ll guide you through setting up Tailwind CSS 4.0 in an Angular v19.1 project, allowing you to leverage utility-first styling for ra...
For further actions, you may consider blocking this person and/or reporting abuse
hi , my project has implemented with scss , when i import the tailwind in my style.scss file whay i get error
Even i had encountered, according to tailwind css documentation it working only with css. I will add in comment if i get solution to it.
tailwindcss.com/docs/upgrade-guide...
Checkout this.
Maybe we drop scss as css can do the nesting, variables
Hi, this is probably because scss conflicts with Tailwind. Remove the scss configurations and usages from your project and retry. Also, check this out: tailwindcss.com/docs/compatibility...
I followed it step by step, and got this message when I launched ng serve :
"It looks like you're trying to use
tailwindcssdirectly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install@tailwindcss/postcssand update your PostCSS configuration."doesn't work. styles aren't applied to the "Angular 19.1 + Tailwind CSS 4.0" text.
replace the @import "tailwindcss"; with this in the styles.scss file
@tailwind base;
@tailwind components;
@tailwind utilities;
This does not true in the latest version of Tailwind currently which is v4 the syntaxt is just @import "tailwindcss";
Follow same steps.
@apply and @reference doesn't work in css files
If it helps anyone... After step 1, run "ng serve" and continue with the following steps