Questions tagged [tailwind-3]
137 questions
15
votes
4 answers
Is there a way to adjust the angle of the linear gradient in Tailwind CSS?
Is there a way to adjust the angle of the linear gradient on a background image style of an HTML component using Tailwind CSS?
The only thing I can do is choose between the directional options:t(top), tr(top-right), etc but I want to set the angle…
badrianp
- 153
- 1
- 1
- 4
8
votes
4 answers
Angular material 15 with Tailwind CSS 3.2.4 in Angular project mismatched
I am using Angular 15 with Angular material 15, then I have added Tailwind CSS as per the instruction https://tailwindcss.com/docs/guides/angular
The material component design got mismatched as shown below
The placeholder name is truncated as it…
San Jaisy
- 15,327
- 34
- 171
- 290
7
votes
2 answers
Tailwind css table with fixed header and scrolling tbody vertically
I have the code below for a table based on tailwind css.
If I remove the block class, the table is not scrollable anymore.
Adding the block class to tbody breaks the thead. See Images attached.
CodePen if you want to play with the code.…
hirani89
- 156
- 1
- 2
- 13
7
votes
2 answers
How to uninstall tailwind from my react application?
I have installed react-bootstrap and tailwind together for my react app. I'm getting some conflict using both of them. So I want to uninstall tailwind.
Shawon
- 73
- 1
- 1
- 3
5
votes
1 answer
how to apply inset to box shadow in tailwindcss?
Tailwindcss docs (v3) talk about inset box shadow so briefly that I couldn't find out a way to apply a custom inset box-shadow to an element.
also shadow-inner-[0px_-2px_4px_rgba(0,0,0,0.6)] does not work.
Only the default shadow-inner works on the…
Ali Baghban
- 517
- 1
- 5
- 13
5
votes
2 answers
How to add roboto font family in tailwind?
How to add roboto font family in tailwind and us it for label element?
user18206178
4
votes
3 answers
Tailwindcss manual dark mode doesn't work in NextJS project
I need to integrate the dark mode into my project. I use NextJs v12.1.3, react 18.1.0 and tailwindcss v3.1.2. I tried this guide on the official site, but the manual selection doesn't work for me. It always shows the operating system's theme.
For…
Loudrous
- 1,039
- 10
- 29
4
votes
3 answers
How to set input full width on mobile devices in tailwind?
I have a input element. It takes 50% of available parent width. Property w-6/12.
How to set width full for mobile devices?
Code is:
4
votes
3 answers
Tailwind CSS classes not updating after initial build of react app
I decided to bite the bullet today and upgrade from tailwind v2 to v3 for my react app. The upgrade went well, but I now have a problem where after I run "npm start", adding additional tailwind css classes in development are not picked up when the…
Bryan Tyrrell
- 73
- 1
- 8
4
votes
1 answer
Using Tailwind prose on dark background makes text look too dark
Using Tailwind prose on dark background makes text look too dark without manual configuration
TLDR; How do I get prose to work on a dark background?
I have a Site running Sage 10 with Wordpress, where I use TailwindCSS (v3.0.18) for the base…
Frizzant
- 684
- 1
- 7
- 28
3
votes
2 answers
Build is not working in react using vite bundler
I use web-pack before and wanted to change it to vite I copied all the file from the web-pack version to the vite version
when I issue yarn dev it work but we I build it and run the build with serve dist it give me this error on the browser and it…
Revan99
- 396
- 2
- 5
- 11
3
votes
3 answers
tailwind css showing warnings about generated css file missing styles
This is my first time installing and running tailwind CSS. I follow the instructions and did everything accordingly but then it started showing some warnings like below
Can you tell me why I am getting these warnings and anyway for me to fix them?…
Raihan_Alam
- 89
- 2
- 10
2
votes
1 answer
Tailwind CSS is not outputting classes for the background
Tailwind CSS is not generating classes for the background.
When I tried to create a simple class like bg-black, it didn't add it to the output.css file. However, when I would temporarily put something like a grid or flex in there, it would add the…
bonk
- 33
- 3
2
votes
0 answers
How to stack dark mode and peer-checked in tailwind css
I have custom radio buttons and I'm using the tailwind peer and peer-checked to change the background of the label when the radio button is checked , now I need to change the background color of the label when I am dark mode.
lazyninja
- 21
- 1
2
votes
1 answer
Tailwind CSS @apply not working with pseudo classes
I am trying to create reusable classes for things such as buttons or inputs.
I have a global.css file with this code
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.btn {
@apply border border-pri hover:…
Shawn
- 109
- 1
- 12