Questions tagged [tailwind-css]
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
tailwind-css
4,182
questions with no upvoted or accepted answers
10
votes
0
answers
9k
views
npm install hangs at " reify:tailwindcss: timing build:queue Completed in 141ms"
It always hangs at the same place: reify:tailwindcss: timing build:queue Completed in [number]ms
I've even tried just walking away and leaving it overnight to no avail. What's really frustrating is ...
9
votes
1
answer
6k
views
@layer utilities is used but no matching @tailwind utilities directive is present
I have a Laravel 9 project and I want to use the Tailwind
When I put each component's css in some files to separate them, it cause an error message but if I put all together works.
Error message:
...
9
votes
1
answer
2k
views
Angular component specific styles to use tailwind @apply function
Most of the tutorials and articles are using approach to import tailwind dependencies in styles.scss
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
...
7
votes
1
answer
8k
views
How can I obfuscate Tailwindcss HTML classnames in production?
How can I obfuscate the HTML classnames in production when using Tailwindcss? My project uses React.js and CRACO as per tailwind's documentation.
7
votes
1
answer
2k
views
Dropdown menu is not showing over table: Tailwind, React
Hi I'm very new to Tailwind.
I'm making a dropdown menu visible, which is located in a table cell, but it is under the table, not overflowing outside the table scroll bar. My table is a horizontal ...
7
votes
2
answers
1k
views
Tailwind CSS Arbitrary Values Doesn't Work With Pug?
I have an issue when using Tailwind CSS v3.0.18 arbitrary values in pug files. I followed this answer but it doesn't solve the issue.
Here is my pug file:
.container.mx-auto.flex.items-center.space-x-...
6
votes
1
answer
1k
views
How do I specify the size of the entire Carousel component of ShadCN UI?
I currently have the following React component:
"use client";
import Autoplay from "embla-carousel-autoplay";
import { Card, CardContent } from "@/components/ui/card";
...
6
votes
0
answers
799
views
How Can I Validate Tailwind CSS Class Names in My Project, Considering Custom Configurations?
I am currently working on a project that utilizes Tailwind CSS. Sometimes, I copy Tailwind code from libraries or other sources. Occasionally, I find that some of these class names don't work in my ...
6
votes
1
answer
1k
views
How to access tailwind theme values in source code with typescript
I want to access my theme config in my source code using typescript.
The following works, because of the any, but I want to use Typescript properly. When I remove the as any I always and up with this ...
6
votes
1
answer
4k
views
How to import external css into Tailwind's app.css
I'm trying to use a 3rd party node_nodules which contains css i've tried importing it in various ways into tailwinds app.css in a remix application.
The tailwind CSS stuff is being imported and ...
6
votes
0
answers
835
views
Using TailwindCSS in NX library
I created NX library for custom components with React and TailwindCSS.
It has basic NX rollup setup.
I tried to add custom colors to my tailwind.config.js like this:
const { ...
6
votes
0
answers
921
views
Tailwind css predefined fontsize depending on screen
I need to change fonsize accourding to screensize with tailwind css. Is there a way to define fontsizes according to screen in tailwind.config and apply them to all text?
Normally i can create custom ...
6
votes
0
answers
2k
views
Tailwindcss with SCSS
I would like to implement SCSS plugin with Tailwindcss. Everything is compiled except my custom classes.
npm script:
"tw:scss": "tailwindcss --postcss -i ./src/style/index.scss -o ./src/...
6
votes
4
answers
3k
views
Make Tailwind Classes non-Global (automatically!)
I have an application made up of two parts:
(A) legacy application (AngularJs) with its own CSS classes.
(B) div containing a completely new application (React). B is built with webpack, postcss and ...
6
votes
1
answer
1k
views
In ReactJS is it possible to use HeadlessUI to transition between components that are loaded through Route? If so how?
I'm hoping for a bit of help here if possible. I'm developing a project in React and using TailwindCSS and HeadlessUI for transitions. Is it possible to use HeadlessUI transitions with route? I cannot ...