153 questions
1vote
1answer
20views
Error with TailwindCSS Utility Class sm:text-[54px] in Next.js Project
Error evaluating Node.js code Error: Cannot apply unknown utility class: sm:text-[54px] [at onInvalidCandidate (D:\MERN-LINKEDIN\Next JS\JS Mastery Next JS\startup-project\node_modules\@...
-1votes
1answer
22views
Tailwind CSS classes not applying in Next.js 14 App Router project
I am using a Next.js 14 project with the App Router (/app/layout.tsx) structure. I installed Tailwind CSS correctly using the latest packages: npm install -D tailwindcss postcss autoprefixer npx ...
1vote
1answer
36views
Tailwind CSS custom colors and standard colors not working in Next.js 15 project
Tailwind CSS custom colors and standard colors not working in Next.js 15 project. I'm working on a Next.js 15 project with Tailwind CSS v4, and I'm having issues getting any Tailwind background colors ...
0votes
1answer
50views
Tailwind Media queries ignored when coming from Angular library files
I just developed an Angular library to factorize some frontend code i'll have in several projets and i used tailwind + PrimeNg to style the app. The media queries styles are not working properly when ...
0votes
1answer
56views
Tailwind CSS 4.2.2 not working with Ruby on Rails 8.0.2 on old mac
I have an older mac running Mac OS Catalina 10.15. Installed ruby on rails 8.0.2 just fine, created a test app, confirmed it worked when I spun it up on the rails server (bin/rails server). I wanted ...
1vote
2answers
56views
How to correctly configure tailwindcss with nuxt3 and apply styles to content?
I have installed TailwindCSS v4 in a Nuxt.js project following this: https://tailwindcss.com/docs/installation/framework-guides/nuxt And added nuxt-content which works fine. But I'm struggling to ...
2votes
1answer
42views
How to use enviroment variables in Tailwind v4 (react-vite)?
At my current job, we use .env variables to set the main colors of the web pages. I've been using the new TailwindCSS setup where you define everything in index.css, but I haven't found a way to use ...
1vote
1answer
46views
Custom spacing values in Tailwind.css v4
As you may know, tailwind 4 is now available. In v 3 and prior i always use this little snippet in my config file to get whatever spacing values i want. But how can i use it in v 4, since there is no ...
1vote
1answer
38views
Usage of Tailwind 4 @apply directive in NextJS React .module.css
Sorry for this lame question - I am quite new in tailwind and the utilities around it. What I want to achieve is to write some local styles for my components using tailwind and @apply. I use the ...
0votes
1answer
32views
The default classic styling of HTML elements is lost when I import TailwindCSS into my project
I'm building a React app with TailwindCSS v4 and Vite. However, I've noticed that while the TailwindCSS classes work great, the default styles (e.g., button) completely disappear, and everything looks ...
1vote
1answer
303views
Tailwind 4 Utilities Failing ("Cannot apply unknown utility class") in Next.js 15 (Pages Router) Build
I'm setting up a new project using Next.js (v15.3.0 - Pages Router) and Tailwind CSS (v4.1.4) and I've hit a persistent build issue where Tailwind utility classes are not being recognized. The Core ...
1vote
1answer
59views
Is there a way to run Tailwind and DaisyUI in React-based chrome extension's content scripts?
I'm trying build a chrome extension using vite, react and tailwind. When I use DaisyUI inside of the popup it works just fine but when I try to add it to my content script, it just isn't showing up. ...
1vote
2answers
76views
Custom @font-face Font Ignored by Tailwind CSS v4 with Vite and React
I'm trying to use a custom font (RetroGaming.ttf) in my React project using Vite and Tailwind CSS v4, but the font isn't applying. The @font-face rule seems ignored, and the generated Tailwind class ...
0votes
0answers
78views
Tailwind default styling not being applied when using a custom 'cn' util function with tailwind-merge and clsx
I am using Tailwind V4 and created a custom utility function: import type { ClassValue } from 'clsx'; import { clsx } from 'clsx'; import { twMerge } from 'tailwind-merge'; export const cn = (......
2votes
1answer
139views
PrimeNG 19 styles not being applied
I'm creating a new Angular 19 project using PrimeNG 19 and Tailwind CSS v4. I followed both the Tailwind and PrimeNG installation guides. However, when I run my application, the PrimeNG styles are not ...