All Questions
Tagged with tailwind-css tailwind-3
143
questions
1
vote
2
answers
28
views
tailwind apply doesnt work in tailwind version 3
I have installed tailwind successfully. When it comes to using the @apply, things are not working.
<body>
<!-- header -->
<header class="bg-transparent absolute top-0 left-...
1
vote
0
answers
25
views
Tailwind config is not respected in nuxt 3, my config options are ignored, I would like to limit tailwind to my content paths
I set up tailwind in my nuxt project and it works great to use basic tailwind styles. But the problem is I can not make any modifications to the tailwind config like changing the content paths. It ...
1
vote
1
answer
42
views
Tailwind Sticky TopBar - scrolls off screen
I have a tool bar with editable area below that as follows
When I scroll scroll that section of the layout the tool bar scrolls off the screen.
I have added relative to the parent div and given ...
0
votes
1
answer
21
views
tailwind responsive design not working with prefix enabled
When using prefix:"tw-" in tailwind.config.js hidden with breakpoint not working.
Using : https://play.tailwindcss.com/
<div class="tw-md:hidden">hello</div>
div does ...
0
votes
2
answers
36
views
In tailwindCss config file, I have to add my own class names which will be consisting of tailwind classes. How to do that?
To use flex, I have to write flex justify-between items-center in all element classNames, but I have to make a general class let us say "flexBetween" which will have all these flex justify-...
0
votes
1
answer
135
views
Changing TailwindCSS Classes Values for Font Size according to Screen Size
I'm trying to make the regular Fontsize Tailwind classes change their "rem" size depending on the screen being used.
E.g. text-base would be 1.125rem in screens with min-width 320px, but in ...
0
votes
1
answer
2k
views
Tailwind animation is not working when passing animation-delay value through a variable
I was working with tailwind animation and I needed to create a custom animation in tailwind. The issue is that when I try to pass the value for the animation-delay using a variable or array, the ...
0
votes
1
answer
458
views
Tailwind Not loading all the classes in my NextJs 14 project
I am using tailwind for my project. As i have created new application using Nextjs 14, Tailwind was installed while creating the project only. But i noticed that lot of the classes, for example gap-2, ...
0
votes
1
answer
330
views
Dark Mode Toggle in Tailwind CSS not working in older browsers
I'm currently working on a project using Tailwind CSS for styling, and I've implemented a dark mode toggle feature. The toggle works perfectly in the latest version of Chrome but it doesn't work in ...
0
votes
1
answer
116
views
Tailwind flex-grow not expanding to the remaining screen space
I am trying to display three columns as inline using flex class of tailwind css (I am fairly new to tailwind). While doing so, the third column is not expanding to the full width of the screen.
Here ...
0
votes
1
answer
137
views
apply hover class to a button with tailwind and vue 3 computed function
hi guys i am trying to apply a hover class to a button as follows :
<div class="tw-m-3">
<button
class="tw-bg-white tw-text-gray-800 tw-text-sm tw-font-semibold tw-...
1
vote
1
answer
236
views
ordered list with progress (color the border) tailwind
Good day all
I am creating a multistep form, with ordered list that have a progress. I created the ordered list with progress but I can't seem to colour the ordered list border in a progressive way.
I ...
0
votes
1
answer
427
views
New to Tailwind CSS, how do I get my Tailwind to display to my simple webpage?
I'm new to Tailwind CSS (first project) and I feel like I'm missing a basic step in getting my Tailwind to work properly.
I have my Project Folder Structure:
Lesson01
build (folder)
css (folder)
...
0
votes
1
answer
653
views
Tailwind missing lots of styles
I built a new site using Laravel Breeze with Vue as a base. Now have found there to be lots of missing classes from what's defined within the Tailwind docs.
Edit: To clarify these are classes I tried ...
0
votes
0
answers
86
views
Left and right double quotation mark is not showing in tailwind css
In the below code while using tailwind css, I added the psuedo class before and added content-['\201C'] and similarly added the right quotation mark as well which is content-['\201D'] and I am using ...