Subscribe to RSS

Question 1

New to Tailwind and I am asking this as Tailwind is defined as a framework. Not sure if it's feasible but can we scope tailwind to particular div? Putting this in a bit detail as you can understand ...

Question 2

Always I reload any page happens a quick flash that changes the entire system to dark mode and comes back again, but really quick. Before, this was happens also on dark mode too, but I could fix it ...

Question 3

I'm trying to recreate an overlapping box layout where one box appears to "intrude" into another box's border with a smooth, curved notch effect (not just a straight cutout). Here is the ...

Question 4

When I run the command npx tailwindcss init -p, i get an error saying "npm error could not determine executable to run". How do I fix this?

Question 5

So the documentation suggests that if I want a manual toggle, I should write it like this: If you want your dark theme to be driven by a CSS selector instead of the prefers-color-scheme media query, ...

Question 6

I'm building an embedded widget as a Web Component using Vite + Tailwind CSS. When the app runs standalone, Tailwind responsive breakpoints (sm, md, lg, xl) work correctly, because they react to ...

Question 7

I am using TailwindCSS in my React + Vite project, and the classes are loaded correctly. The UI looks complete. The problem is that colors from variables defined in tailwind.config.js are not applied. ...

Question 8

There is a Vite project using TailwindCSS v4. v4 already targets Baseline 2023 and correctly uses oklch() colors. Input CSS @theme { --color-demo: oklch(98% 0.006 251deg); } Generated CSS with Vite ...

Question 9

With shorthand import, this is easy: @import "tailwindcss" source(none); Although the documentation addresses what happens if I don't use @import "tailwindcss";: https://...

Question 10

I'm trying to implement dark mode in my Next.js app using TailwindCSS. However, TailwindCSS's dark: classes are not being applied, even when the .dark class is present on the <html> tag. global....

Question 11

I am using Radix theme https://www.radix-ui.com/themes/docs/overview/getting-started and I am specifically using the Table component. I want to override default styling for just the Table.Header ...

Question 12

I have a fairly large svelte kit tailwind project. I updated all dependencies to latest, including TailwindCSS. My current dependencies are as follows: { "devDependencies": { // ....

Question 13

I'm using Vite v7.2.4, Tailwind v4.1.17 with DaisyUI v5.5.5. I'm trying to create a full page website where the Navbar will be always visible and the section will change. But every time I add a Navbar ...

Question 14

Here is a sample snippet. My expectation is that all the styles specified in @layer components .card will be applied on the div instead of the utility classes. But the div takes background color from ...

Question 15

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 ...

Collectives™ on Stack Overflow

Scope Tailwind to certain element

Light Mode Flash (in dark mode) On Reload Page

How can I create an in-curved notch/cutout in a div border where another div overlaps it? [closed]

How do I fix a "npm error could not determine executable to run" when using tailwindcss [duplicate]

Manual dark mode toggle, but by default it should follow the system scheme

How to make custom Web Components with Tailwind CSS react to container width instead of window.innerWidth? [closed]

tailwind classes are loaded but coloring css variables no applied

OKLCH colors are converted to LAB colors when I start using Rolldown-Vite instead of Vite

Disable automatic source detection when use `@tailwind utilities`

Tailwind dark mode classes not working even though .dark class is applied [duplicate]

How to override Radix theme ::before ::after styles [closed]

Tailwind css migration error: "Cannot apply unknown utility class" [closed]

DaisyUI Navbar is generating scrollbar on fullpage site

How is the specificity determined when both utility class and layer components (of Tailwind CSS) is applied on same element

Tailwind Autocomplete Works Only in One Phoenix Project in VS Code

Hot Network Questions