Questions tagged [tailwind-in-js]
120 questions
2
votes
1 answer
Property 'white' does not exist on type tailwind types
I'm new in typescript and I'm trying to understand what I am doing wrong.
I've installed @types/tailwindcss version 2.2.4 and I'm trying to create a toast that should use the theme color, so here is the code:
import iziToast, {IziToastSettings} from…
shamaseen
- 2,193
- 2
- 21
- 35
2
votes
4 answers
How to prevent Tailwind from changing a text input field's border when it's focused on?
I recently upgraded the Tailwind version in my Next.js application and, as a result, a few things became wonky. I noticed that for input fields with the type="text" attribute, their border now changes to a different color -- which I never assigned…
Roger Cooper
- 178
- 2
- 19
2
votes
1 answer
Node Error "unable to resolve dependency tree" while installing tailwindcss --auth
I tried to install Tailwind UI Auth with php artisan ui tailwindcss --auth command. Both CSS Scaffolding and CSS auth Scaffolding were installed successfully and I ran the command npm install && npm run dev to compile the fresh scaffolding. NPM…
Malith Senanayake
- 444
- 4
- 13
2
votes
1 answer
How to setup TailwindCSS in Angular 11.2.0 or lower
As you know Tailwind is a very popular PostCSS solution. I want to add TailwindCSS in my Angular app running version 11.2.0 or with older versions. How can I do so?
I decided to post and answer my own question because this is a very popular question…
Patricio Vargas
- 5,236
- 11
- 49
- 100
1
vote
1 answer
Cant Load JS And Stylesheet
I downloaded argon-dashboard the free version
to the best of my knowledge, I incorporated it to the system I made.
Now it cannot load the JS and stylesheet to a specific page.
the link is like this
http://gsdwarehouse.test/inventory/inventory/0
the…
Rex Zednelab
- 35
- 7
1
vote
1 answer
Is it possible to use tailwind css to have a hover effect follow a mouse?
I am currently learning react and tailwind and have started working on a site with only those frameworks. I have a welcome page with an image hidden on screen until hovering over with the mouse. Is it possible to have that opacity fade out on only a…
Jaycossey
- 25
- 4
1
vote
0 answers
How do I properly use @next/font for two fonts in Next.JS?
I'm using Next.JS v13 and having trouble understanding how @next/font works under the hood. In particular, I'm trying to use two Google fonts with TailwindCSS, but don't understand how this works.
I'm using layout.tsx, tailwind.config.js, and…
Gary
- 909
- 9
- 26
1
vote
1 answer
How to override tailwind colors in runtime
I'm using tailwind v3 and according to the docs, it's possible to override existing colors using the tailwind.config file
https://tailwindcss.com/docs/customizing-colors
module.exports = {
theme: {
extend: {
colors: {
…
c137
- 181
- 9
1
vote
0 answers
White Blank Screen after using import { Link } from "react-router-dom";
This is exactly the code I copied in the video tutorial but I don't know why I got a blank white screen on my browser while the other (original) code doesn't get a blank screen after importing the { Link } from "react-router-dom"; How do you fix…
Dprvd
- 21
- 2
1
vote
1 answer
Tailwind in JSX component with props doesn't render in NextJS
I thought it would be good to use Tailwind in the JSX component passing some props to handle the Tailwind attribute as I want for different situations.
However, some styles of Tailwind in the JSX component are not rendered.
Let me show an…
Hyunduk Shin
- 35
- 6
1
vote
1 answer
Wired Rotatation in Tailwind
The two blocks behave differently when applying tailwind's "rotate(**deg)" and vanilla css "transform: rotate(**deg)". Please just hover the blue blocks to reproduce.
https://play.tailwindcss.com/Rgf2GJ6mim
Since I sometimes use css in @layer…
fullstackneo
- 41
- 6
1
vote
1 answer
How can I add spacing in file upload button
I wanted to add spacing between the Choose Files button and the text on right side. How can I do so by tailwind CSS. I had added the code below .
MagnusEffect
- 3,363
- 1
- 16
- 41
1
vote
0 answers
overflow container prevent absolute position from working
I have a tailwindcss component as defined below. The parent container is set position: relative, which houses a dropdown component. which is supposed to show on button hover.
Everthing works fine but the moment I put the dropdown inside a container…
Dickson Afful
- 708
- 1
- 6
- 20
1
vote
2 answers
Tailwind configuration not working after setup
I have setted up tailwind for my simple web project. I believe my setup is alright, although it doens't seem to change the styles from my HTML file. I followed the docs on how to install. DOCS: https://tailwindcss.com/docs/installation
My index.html…
Nilton Schumacher F
- 814
- 3
- 13
- 43
1
vote
0 answers
How to build basic tailwind classes autocomplete?
I am building a little tailwind tool and need to build basic tailwind core classes autocomplete feature.
My first thought was to list all core classes in an array, but it is a very cumbersome process.
Are there are better ways to achieve…
Alym Sagymbaev
- 31
- 2
- 5