Questions tagged [tailwind-in-js]
120 questions
0
votes
1 answer
npm start has tailwind.js popup Error 800A0404 jScript compilation error then blank browser screen
When I do npm start in the portal dir it has the error message:
Script: c:\users\me\IdeaProjects\portal\cp-frontend\tailwind.js
Line 32, char 7
Error: expected identifier, string or number
Code: 800A0404.
Source: Microsoft JScript compilation…
Michele
- 3,617
- 12
- 47
- 81
0
votes
1 answer
Tailwind overrides wordpress theme styles
I created a plugin and added React to it (with '@wordpress/scripts').
I want to be able to use Tailwind to write code on the front end of the website.
But when I load Tailwind it overrides default theme styles (like removing dots in lists, or…
Devofa
- 3
- 3
0
votes
1 answer
How to create alternating vertical timeline with Tailwind & CSS
I'm trying to create a timeline that has the odd children on the left of the timeline and the even children on the right in a react app. Image to demonstrate:
I think the problem I'm having is that I'm using it within a loop. So for every item in…
wayoh22
- 176
- 9
0
votes
2 answers
How to select siblings in tailwind css
I want to create an output like
Home / Library / Data
Here is my HTML
Christian Igay
- 25
- 2
- 10
0
votes
2 answers
Tailwind text not overflowing in react
I'm having a problem with my text not overflowing in my React/tailwind app. I want the text to be scrollable horizontally on mobile but my text seems to be contained and if I make the screen smaller the container keeps resizing instead of…
Eugene Carbado
- 1
- 1
0
votes
0 answers
How to create steps - stepper with tailwindcss in react?
I have the following code and want to have a working stepper using Tailwind CSS. Can someone help? I want to know how to create the steps with Tailwind CSS in React or Next JS
reactjs
tailwind-css
tailwind-in-js
fyardlest
- 288
- 4
- 17
0
votes
1 answer
mt-5 h not working for textarea in tailwind css in react
hello i am facing a issue with react tailwind text area , i am tring to apply mt-5 but it is not working. When i added using style={{marginTop:"1.25rem"}} it is working , similarly properties like height margin ... are not applying to text area in…
Tanay Pingalkar
- 300
- 4
- 9
0
votes
1 answer
Css variables with twind.js
I'm trying to add custom theme using twind, Is there any way to use css variables with https://twind.dev/?
Mohammadreza
- 83
- 1
- 1
- 10
0
votes
1 answer
How to solve 'window is not defined' error in Next.js
I am encountering the following error in my application:
error that next.js returns to me
I imported my js file in _app.js and I start to get this error, I would like to know how I can use my script in my application
the script code is as follows:
…
walter calegari
- 7
- 2
0
votes
1 answer
Tailwind css - use className custom spacing value as variable for tailwind config
Is there a way to pass custom value for spacing (or other parameters) to tailwind config schema instead of prescribing all the values i need in tailwind config?
For example, when using custom spacing values in px for HTML element like this:
VLazariev
- 3
- 1
- 2
0
votes
0 answers
Tailwind CSS creating 4 mb file after build
I've added purge, post css still after build it is grabbing whole file instead of only libraries which I've used.
Package.json
"scripts": {
"start" : "npm-run-all start:tailwind -l -p start:p:*",
"start:tailwind": "postcss…
naved ansari
- 5
- 2
-1
votes
1 answer
How to use React props in Tailwind component
I'm trying to create a simple button component in a Next App using Tailwind CSS where I'm passing some values as background, color, etc in the button props and I want to get this values in my component and then render my button with that props. I've…
-1
votes
1 answer
How to add custom class when I have this problem?
[1]input.css in my tailwind
I can't add custom class. There seem to be three problems here and I don't know what the yellow line is.
I have installed it several times but it did not help. I checked all the routes and there was no problem. All parts…
Shahram Love
- 1
- 3
-1
votes
2 answers
How to configure Tailwind CSS with Vite in a React project?
I am working on a React project with Vite as the build tool. I want to use Tailwind CSS in my project, but I'm not sure how to configure it with Vite.
I have already installed Tailwind CSS globally using npm install -g tailwindcss. However, when I…
Owais Qasim
- 1
- 2
-1
votes
1 answer
Target _blank for rich text prismic on NextJs
I have a RichText with two files (terms and conditions) in prismic that I want to open in new tab bit there's no option like target _blank or something like that in prismic, I'm using NextJs with Tailwind CSS
M.Argumedo
- 181
- 1
- 3
- 9