10,643 questions
0
votes
0
answers
11
views
Tailwind Autocomplete Works Only in One Phoenix Project in VS Code
I recently joined my university’s CS group and started learning Tailwind using the Phoenix framework. To practice, I cloned a repository of an ongoing project. After a few days, I decided to create a ...
- 22
1
vote
1
answer
68
views
Tailwind CSS directives (@tailwind base) underlined as unknown in VS Code with Next.js project
I'm working on a Next.js 16 project and trying to set up Tailwind CSS v4. I installed Tailwind via npm:
npm install -D tailwindcss postcss autoprefixer
I also created the following config files ...
1
vote
1
answer
59
views
TailwindCSS utilities/classes always override static CSS styles [closed]
I try to use TailwindCSS and CSS (as static), but TailwindCSS utilities override the static CSS styles. I tried moving TailwindCSS invocation tags after, before static CSS invocation, but it didn't ...
- 11
-3
votes
1
answer
58
views
Shipping a UI package alongside projects in a monorepo
Given a monorepo containing N projects, I wanted to avoid duplicating components, so I thought of creating a dependency package that only ships the components.
However, if I install TailwindCSS in ...
- 18.2k
2
votes
1
answer
90
views
Tailwind CSS v4 Vite plugin through npm:vite Can't resolve 'tailwindcss' error
I have trouble on implementing TailwindCSS v4 on Deno. This is my structure:
deno.json
{
"tasks": {
"dev": "deno run -A --watch main.ts",
"vite": &...
- 55
0
votes
1
answer
54
views
Tailwind - growing flex-wrap
I am currently fighting a little bit with my application as I am not able to make it look as I want. I have a tooltip component in which several items can be placed.
The tooltip should grow based on ...
- 197
0
votes
1
answer
95
views
Using TailwindCSS v4 in Bun SSR - how can I integrate it?
The TailwindCSS website currently doesn't have any guidance related to Bun, so it's difficult for me to figure out how to properly integrate v4 with Bun SSR. I found a bun-plugin-tailwind dependency ...
1
vote
1
answer
77
views
How to define variables with the new version of Nativewind v4?
I've a problem with the Nativewind variables. I created my project on the new version of expo (sdk 54) and therefore nativewind v4 but there is no more file tailwind.config.js to put variables, only ...
0
votes
1
answer
61
views
React TailwindCSS only rendering in mobile view in production
I have created a site using React with TailwindCSS v4.1.16.
When running the site in dev mode (npm run dev), the responsive design is working and I can see the changing formats when I resize my screen ...
- 1
2
votes
1
answer
51
views
`max-h-full` seems to be ignored when `h-fit` is used in tailwindcss
I have 2 vertical lists of items stacked on each other vertically (here's a mockup: https://play.tailwindcss.com/X5ROLUVlVN).
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4">&...
- 8,345
4
votes
1
answer
59
views
Is it possible to customize the speed of the Nuxt UI Marquee component?
Given the Nuxt UI marquee component
<UMarquee>
<!-- ... -->
</UMarquee>
is it possible to control its speed? I wasn't able to find a prop for that. Maybe this can be ...
3
votes
1
answer
76
views
Why does parent's aspect-ratio break with child's h-full but work with absolute?
I'm building a responsive MacBook screen component using CSS aspect-ratio, but I'm encountering a strange behavior where the aspect ratio gets distorted depending on how I position the inner content.
...
3
votes
1
answer
87
views
CSS: How to make a child element respect aspect-ratio within parent's max-width and max-height constraints?
I have a parent container with both max-width and max-height constraints, and I want a child element to maintain a 16:9 aspect ratio while fitting entirely within the parent.
Current code
<div ...
0
votes
1
answer
129
views
How to properly configure Tailwind v4 with @tailwindcss/vite in a monorepo for shared UI components?
I'm working on a Vue 3 monorepo with the following structure:
packages/
└── ui/
├── src/
│ ├── components/
│ │ └── *.vue
│ └── assets/
│ └── tailwind.css
└── ...
- 397
0
votes
1
answer
104
views
tailwind does not use CSS variables I defined in global.css [duplicate]
I am trying to make an app, using tailwind for styling. The problem emerges when I try to use my variables with tailwind. I made seperate config for tailwind, declared the variables in global.css, but ...
- 1
0
votes
0
answers
109
views
Tailwindcss v4 preflight overrides almost all layers coming afterwards
I'm using tailwindcss v4, and NO tailwind.config.js anymore, so basically CSS first rule.
I use Astro with vite config, and the way I am trying to structure the layers of tailwindcss is failing ...
- 2,447
0
votes
1
answer
43
views
Double scrollbars and mysterious white space at the bottom of the page with flex-col layout
I've been creating a layout in Laravel, Blade, and Tailwind CSS that seems pretty basic; I want a sidebar on the left side and a main content column that scrolls vertically if there's overflow. The ...
- 1,123
0
votes
0
answers
74
views
Parallax effect between sections and Scrolling issue
I am working on a landing page using react and tailwind. You have a sticky navigation where you click links then view scrolls to that particular section which connected to the link because section has ...
0
votes
0
answers
49
views
React Native NativeWind (Frameless) Versions Compatibility Problem
I'm new to React Native and trying to create an app using tailwind classes but getting different types of error while building the application.
The errors are as follows:
The development server ...
0
votes
0
answers
27
views
Trouble Installing Tailwind [duplicate]
I’m using a MacBook Pro and I’m trying to install Tailwind, but it’s not working. When I run:
npm install tailwindcss @tailwindcss/postcss postcss
npx tailwindcss init -p
I get the following error:
...
- 1
1
vote
1
answer
81
views
why hover:bg-${color}-500 as hover:bg-green-500 [duplicate]
Trying create hovering effect for my div.
But the color i passed in prop is not working in tailwindcss except red, only red hover effect is seen.
code:`
import React from 'react';
const CardOfSkills = ...
2
votes
1
answer
214
views
Nuxt 4 + tailwindcss + directus gettng error "500 Cannot redefine property: _path"
So I'm trying to do a project in Nuxt 4, and I got a problem when I try to edit any CSS element. It just crashes to 500 Cannot redefine property: _path I tried changing node version because I found ...
- 25
1
vote
1
answer
108
views
@layer base is used but no matching @tailwind base directive is present
I'm having issue with tailwindcss 4. On fresh new project when I run the app the error occurs:
C:/Users/Maxima/Desktop/System_obslugi_praktyk/src/app.css:45:1: @layer base is used but no matching @...
- 11
0
votes
1
answer
228
views
"`@source` paths must be quoted" is the error message I get when I try to use `@source inline` safelist
I'm using TailwindCSS v4.0.x, and @source inline safelist doesn't work with either the CLI, PostCSS, or even the Vite plugin:
https://tailwindcss.com/docs/detecting-classes-in-source-files#...
- 18.2k
1
vote
1
answer
97
views
Is it legal to use `sr-only` classname in tailwind?
I faced problem that some of my internal page doesn't have connection of link and google bot can not find that pages.
so I want to make it detectible by adding sr-only component in page ( that page is ...
- 11