10,650 questions
0
votes
1
answer
36
views
Tailwind CSS and DaisyUI UI bug in Production
The layout and design is different in production mode and some components are not visible even though they are there in dev mode and when I npm build, as well as when I inspect them on browser.
...
- 43
0
votes
1
answer
48
views
Cursor design change not working in divs or buttons
I am trying to use the cursor utility, my code is as following:
<button className="border-8 cursor-pointer bg-primary w-max flex gap-2 text-white py-4 px-6 text-2xl font-semibold">
...
0
votes
1
answer
27
views
Issue with Loading HeroUI Styles in Electron with Vite, Tailwind CSS v4, and React
I am developing an Electron application using React and Vite, incorporating the @heroui/react library (a UI component set) for buttons. The buttons display the click animation (ripple effect) ...
2
votes
1
answer
33
views
How to override default styles (like shadow-sm) in a third-party component using only TailwindCSS?
I’m using a third-party library component in React, and it applies default styles (like shadow-sm) to nested elements. I need to override these styles—specifically, remove the shadow-sm and replace it ...
- 19
0
votes
1
answer
14
views
How can I reference `@theme` values without using variables, by reusing the value statically?
If I reference variables in CSS in a nested way using the var() CSS function, it cannot properly track changes to the original variable. Is there a way in TailwindCSS to reference a value declared in @...
- 15.9k
-2
votes
1
answer
67
views
How to solve plugins error in React Native project for the use of Tailwind? [closed]
I have babel.config.js:
module.exports = function (api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: [
'nativewind/babel',
'react-native-worklets/plugin'...
1
vote
1
answer
53
views
TailwindCSS custom color not working in Next.js
I've copied directly from the document, but the color is still not showing up. I'm using Tailwind v4 with Next.js.
In my global.css:
@import "tailwindcss";
@theme {
--color-bermuda: #...
1
vote
1
answer
128
views
How can I safely introduce the use of `light-dark()` without increasing the minimum browser version requirement?
Using light-dark() would be appealing to me, but it is part of the 2024 baseline and somewhat raises the minimum browser version requirement set by TailwindCSS v4 - which is already high - originally ...
- 15.9k
0
votes
1
answer
36
views
Custom color (bg-primary) is not being applied
I’m using Nuxt 4 (RC) with Tailwind CSS. Tailwind is working fine for default utilities (bg-red-500, text-xl, etc.), but my custom bg-primary color isn’t applied.
Here’s my setup:
nuxt.config.ts
...
- 11
0
votes
0
answers
36
views
Displaying dialog and sheet together at the same time in shadcn [closed]
Has anyone ever tried using a dialog and a sheet simultaneously (like in this picture) so that both are clickable? I've tried several things, but one element is either unclickable or both close when ...
- 11
0
votes
0
answers
41
views
How to create a vertical infinite animation in Framer Motion with a mask that changes div content when passing through it?
How to create a vertical infinite animation in Framer Motion with a mask that changes div content when passing through it?
I want to implement an animation in React + TailwindCSS + Framer Motion that ...
- 11
-7
votes
0
answers
52
views
swiper.js Swiper broken with chrome update [closed]
I noticed on a somewhat older website that had been running perfectly for two years that the swiper.js element had been destroyed by some Chrome update in the last 1-3 months.
Everything is fine in ...
- 1,331
2
votes
1
answer
72
views
Tailwind CSS not applying in Turborepo monorepo with shared tailwind-config package and UI component library and storybook
Description
I have a Turborepo monorepo set up with the following structure:
root/
├── apps/
│ ├── web/ # Next.js app
│ │ ├── src/
│ │ ├── package.json
│ │ ├── tailwind....
- 35
0
votes
1
answer
59
views
Two elements with a shared parent scrollbar and sticky headers
I only included the image as an illustration of the look I want to achieve later, which is why I believe the desired result can't be done in a single shared table. That's why, by the end of the ...
- 15.9k
-5
votes
1
answer
96
views
How to use/install tailwind css in nuxt 4?
I was trying to get tailwindcss to work in my nuxt 4 application. There is no proper documentation for the same. After wasting 4 hours of my life asking chat GPT which did not help I finally got the ...
- 425