tailwind-css Questions
3
Solved
trying to use "@material-tailwind/react": "^2.1.9" in "next": "14.1.4"
"use client";
import { Button } from "@material-tailwind/react";
...
Smorgasbord asked 9/4 at 7:50
4
Solved
I'd like to use custom themes in Tailwind config to set primary/secondary colors for light and dark mode. The Tailwind docs only go over using classes in an html/jsx element like so:
<div class=...
Exurbanite asked 20/2, 2022 at 5:9
4
Solved
How can the clamp() CSS function be used with TailwindCSS to make the fontSize linearly scale between a min and a max value?
Interested in particular about integrating with Next.js.
Coccid asked 26/4, 2023 at 17:58
4
Solved
I'm creating a react app using bun.sh.
But I also use tailwindcss for styling and tailwind has no official solution for bun. How can use these two together?
I know bun is not ready for production b...
Cubiform asked 9/7, 2022 at 7:51
3
Solved
I have an app that is full-screen
<div class="h-screen flex flex-col">
<div>
Header
</div>
<div class="flex-1 overflow-y-auto">
Main
</div>
...
Cantilena asked 3/11, 2023 at 19:12
4
Solved
I'm using Flowbite (both JS and CSS) in my application. JS was inserted and works (using Webpack and import 'flowbite' in the entry point JS).
For the CSS, I'm using this in the tailwind.config.js ...
Aracelyaraceous asked 21/2, 2022 at 17:5
4
Solved
So I want to change the color of the text on hover or focus
<div class="hover:text-green-500 focus:text-green-500">foo bar</div>
But I was wondering if is possible to compres...
Frontlet asked 7/11, 2022 at 17:38
4
I am pretty new to web dev and I am currently trying to build something with React + Vite.
But when I run npm run dev the page shows me a completely white screen like this:
And there is no error in...
Apgar asked 9/10, 2022 at 3:38
5
Solved
I am trying to add tailwind-css to Navlink(react-router-dom). I want to add active style. To add active styles I can use
<NavLink to="/faq" activeStyle={{fontWeight: "bold",c...
Quicksand asked 25/3, 2021 at 9:18
2
I am absolutely desperate with this problem. I fully understand the concept of mobile-first and have been able to make the layout of my website responsive, however, the font-size does not change wh...
Vaginate asked 31/12, 2021 at 10:46
1
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 cust...
Riess asked 7/4, 2022 at 11:26
1
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...
Spirant asked 13/8, 2023 at 13:21
5
Solved
This is my first time installing and running tailwind CSS. I follow the instructions and did everything accordingly but then it started showing some warnings like below
Can you tell me why I am ge...
Cyclostyle asked 31/1, 2022 at 8:6
5
Solved
I have created a one-page website using tailwindcss and React. In the prototype I use the tailwindcss class "scroll-smooth" and it works. In React the class "scroll-smooth" does...
Ecclesiastes asked 15/2, 2022 at 16:8
2
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 wor...
Direct asked 26/4, 2022 at 13:0
7
Solved
I've been trying to Google this, but I'm either not using the right terms or nobody has asked my question yet.
Question: Is there a way to stack responsive classes in TailwindCSS? What I'd like to...
Judah asked 6/3, 2020 at 15:40
3
Solved
I know TailwindCSS have class group to use but that is only use for change styles of child element when the parent element activate some event, but I want it in vise versa.
<div class="pare...
Troth asked 28/11, 2022 at 10:36
7
Solved
I am initializing TailWindCSS using https://tailwindcss.com/docs/guides/create-react-app on a Vite + React + JavaScript project but cant get it to work, It seems like postcss and autoprefixer is no...
Caloric asked 2/1, 2023 at 20:58
6
Solved
I need the text to have a black border.
I tried this,
<div className="font-bold text-2xl text-white outline-4">
Hello
</div>
But it doesn't seem put a border to the text.
...
Animalize asked 28/12, 2021 at 7:39
6
Solved
I recently updated my Node Package Manager in accordance with this post. However, now when I create a new Next.js app and run it using npm run dev, I get the following error:
error - ./node_modules...
Onshore asked 27/7, 2022 at 18:31
6
I use Tailwind for my project and I would like to create classes which use tailwind existing classes. For example, my buttons currently look like this:
<button class="text-light-blue bg-whi...
Chara asked 8/10, 2020 at 12:38
13
Solved
Shadcn UI (https://ui.shadcn.com/) was working fine until I just for a couple weeks until yesterday, when I ran my NextJS app in my local host and none of the tailwind was working. To debug the iss...
Dump asked 19/6, 2023 at 15:53
5
Solved
I am trying to get the text on the left side and the icon on the right side, but right now the icon is above the text, see the first image. I want the icon to be in the top right corner to the righ...
Felipa asked 28/6, 2022 at 9:5
4
I'm trying to apply radial gradient in Tailwind but facing some issues. This's what I've tried tailwind.config
backgroundColor: {
'radial-gradient': 'radial-gradient(169.40% 89.55% at 94.76% 6.29%...
Slander asked 12/7, 2023 at 17:52
4
Solved
I'm using React with Shadcn, here is the code:
<div className={'mb-8'}>
<Select>
<SelectTrigger className="w-[300px] text-foreground">
<SelectValue/>
</Sele...
Numbles asked 8/3 at 14:16
1 Next >
© 2022 - 2024 — McMap. All rights reserved.