-
WEBSITE
Tailwind error when installing shadcn in Vite React App
So after some search, I found a fix (from GitHub issues of repo) and the fix is quite simple you just have to add tailwind headers to index.css (global css file) of your project. @tailwind base; @tailwind components; @tailwind utilities;
Do more...
Share, comment, bookmark or report
-
WEBSITE
How to use CSS variables with Tailwind CSS - Stack Overflow
You can use font family CSS variables with Tailwind CSS by following these steps: Define your font family CSS variables in a global CSS file, such as global.css, and target the root element or a custom selector.
Do more...
Share, comment, bookmark or report
-
WEBSITE
how can I achieve text color of rgba(0, 0, 0, 0.54) tailwind css ...
Tailwind allows you to control color opacity using classes. Example: text-black/50 (equivalent to rgba(0, 0, 0, 0.5) ) In Tailwind v3, there are a couple of ways to set a text color value of rgba(0, 0, 0, 0.54) :
Do more...
Share, comment, bookmark or report
-
WEBSITE
Newest 'tailwind-css' Questions - Stack Overflow
I recently came across some Tailwind CSS code that uses what seems like an overly complex arbitrary syntax with nested child selectors. I'm trying to understand if this is a good practice or if there'...
Do more...
Share, comment, bookmark or report
-
WEBSITE
How center items in Tailwind css - Stack Overflow
If you intend to use Tailwind's flex, wrapping your items in a container that has flex and justify-center is all you need. Keep in mind these classes need to be on the direct parent element of the items you want centered.
Do more...
Share, comment, bookmark or report
-
WEBSITE
Unknown at rule @tailwind css (unknownAtRules) - Stack Overflow
So this is my first time using Typescript and Tailwind. I already followed tailwind guide for create-react-app but when I try to run npm start I got this error: ./src/index.css (./node_modules/css-...
Do more...
Share, comment, bookmark or report
-
WEBSITE
Div on top of another with Tailwind CSS - Stack Overflow
How do I get the second inner div to be on top of the first inner div (map)? I can't figure this out, despite using relative & absolute positioning. I'm using React & Tailwind CSS. Instead, the second inner div currently follows the flow of the image and is positioned below the first children div.
Do more...
Share, comment, bookmark or report
-
WEBSITE
How to use calc() in tailwind CSS? - Stack Overflow
Use the theme() function to access your Tailwind config values using dot notation. This can be a useful alternative to @apply when you want to reference a value from your theme configuration for only part of a declaration:
Do more...
Share, comment, bookmark or report
-
WEBSITE
Tailwind CSS classes is not working in my project
Just in case someone is playing around with only HTML and Tailwind CSS (no JavaScript), as I was :), you need a server running to serve the Tailwind CSS styles or adjust the path to where the CSS file is. If you're using Visual Studio Code you can use for example the extension Live Server to start a server to host your static HTML files.
Do more...
Share, comment, bookmark or report
-
WEBSITE
Tailwind not automatically updating styles without npm run build-css ...
After -i is the location of your input css file, after -o is the location of your output css file]. If you're trying to use React, you can install concurrently to run scripts simultaneously. In this case I'm starting my local ReactJS project and I'm watching the Tailwind output file. Or you could just open two terminals and run both scripts.
Do more...
Share, comment, bookmark or report
Comments