Questions tagged [tailwind-in-js]
120 questions
0
votes
0 answers
How to put line breaks using tailwind, and js?
I am using a terminal template from tailwind to display terminal commands and outputs on my blog. However, when I try to include more lines on the page, everything gets displayed together. I want it to be displayed like in the terminal, with line…
Erick Bernal Márquez
- 11
- 1
0
votes
1 answer
Default and 1 additional Tailwind theme
I have been asked to add 1 new theme to an existing project that currently uses Tailwind.
The new theme should only take affect when 'theme-name' exists in the body tag class attribute.
The existing tailwind.config.js is like this:
const…
user3467896
- 27
- 9
0
votes
1 answer
how to apply tailwind to particular folder in svelte
I have a specific component that i want to exclude from being styled by Tailwind.
I have tried adding the component's class name to the excluded array in your tailwind.config.js file.
like this :
`content: ['./src/lib/**/*.svelte',…
shivani
- 1
- 1
- 5
0
votes
0 answers
I am not seeing the effect of Tailwind CSS on my react-Django code. I followed the https://tailwindcss.com/docs/installation
Here is the folder structure -enter image description here
I tried to follow the official documentation on how to install the Tailwiind css.
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
/** @type…
itstime
- 1
- 2
0
votes
2 answers
How to conditionally add/remove classes with TailwindCSS and React
I have an expression that looks for form errors and appends a div if once bubbles up:
{touched && normalizedError && (
{normalizedError}
)}
I'd…
Ken Prince
- 1,437
- 1
- 20
- 26
0
votes
1 answer
How to disable input filed using tailwind css and react conditionally?
Hello Dev Community i am here with another issue can need your help.
i want to disable input field based on the Boolean state if the state is true then the input filed should be disable else it can be editable.
i have state variable isTrue which can…
Abidullah
- 159
- 3
- 13
0
votes
2 answers
Why tailwind psudo class before:: content not showing correctly?
I wanna show index number before every li as content of before:: psudo element. But tailwind pseudo class before:: content not showing correctly?
(I use postcss for tailwind)
Heres this project git repo link.
Heres my nav component,
import React…
Mohiul Islam
- 49
- 8
0
votes
2 answers
Styling a specific item from a array list in JavaScript
I have a design of colored line above each card text element but this design includes an extra line on the right side of the third card. No other card has this and I do not want it to repeat. Is there a way to make this happen through tailwind and…
Akinod
- 7
- 4
0
votes
1 answer
If click ellipsis-horizontal button, dropdown is hidden into the table
I wrote the code in Tailwindcss and Alpine js. If I click ellipsis-horizontal button, dropdown is hidden into the table. I adjust the Z index also but it also hidden into the table. I want to show that dropdown above the…
0
votes
1 answer
How do I manually adjust the y-axis in Tremor charts
Im creating dashboards and tremor is doing things pretty well. I just cant seem to fix this issue of y-axis range. See below. The tooltip shows there were 22 sales on Friday, not 12.
I dont see anything in the documentation that lets me set the…
Muhammad Mubashirullah Durrani
- 329
- 3
- 16
0
votes
0 answers
Tailwind CSS scroll snap x is not working, have tried a lot of time
Tailwind CSS scroll snap x is not working, have tried a lot of time.
I'm not sure if it is a bug here, can you help me find it?
Here is my code:
Alan Wu
- 1
0
votes
0 answers
Flickering slide on a carousel's render on mobile browsers
I am a beginner in coding and as a challenge, I decided to make my own portfolio website on react.js + tailwind without the use of extra plugins. (I know, I know, as I figured out later, it was not my best idea)
The main complexity was around making…
Sergey Ivannikov
- 1
- 1
0
votes
0 answers
why has all my Styling gone after upgrading to the latest version of tailwind?
I'm following a tutorial to build a tinder clone using react native, for the styling I was using tailwind version 3.0.1 as this was the latest version at the time of the video, since finishing the basis of the project I decided to upgrade to the…
shange
- 77
- 7
0
votes
1 answer
my tailwind media query utility is dysfunctional
Using Tailwind I set an element to apply the 'flex-col' utility by default but 'flex-row' utility on small devices, so 'sm:flex-row'. But it applies the sm flex utility by default instead of the 'flex-col' I'd set. Please, what can I do to fix this.
Liti
- 21
- 5
0
votes
0 answers
Build failing when deploying to netlify
Code builds without any errors or warnings in my local machine and runs with no problems at all. This is my first webpage, and I just cannot get it to deploy. I have been stuck in this step for a few days now and I am getting so tired looking at it.…
sanrasta
- 1