tailwind-in-js Questions

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

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

2

Solved

In a sentence: Why does calculations with JS variables does not apply any style using TailwindCSS v3? I am using VueJS for my project, and this example works as expected as it simply applies calc a...
Skepful asked 4/9, 2023 at 11:34

3

Solved

There is a login page that is built with Tailwind CSS v3, all the styles for nice and fine. But on the login page, I want to have timer alerts that will display if any error occurs like invalid ema...
Culinary asked 29/1, 2022 at 16:19

4

Solved

How does one use the list-disc class to style bullets, using Tailwindscss? My package.json includes: "@tailwindcss/aspect-ratio": "^0.2.0", "@tailwindcss/forms": &qu...
Isopiestic asked 2/6, 2021 at 3:30

3

I am trying to set my Login section's background opacity using bg-opacity-75, but when I add that to my className, background color will just disappear. And if I use opacity-75, all child-div will ...
Copula asked 5/2, 2021 at 2:16

3

Solved

I want to apply a linear gradient to my background image. on tailwind config file I wrote a custom rule like this: theme: { extend: { backgroundImage: (theme) => ({ 'hero-pattern': "url...
Lesley asked 1/5, 2021 at 8:56

3

So I am using flowbite and tailwind css for developing my react app. I followed all standard installation procedures as mentioned in their website for setting up flowbite with react, please ref doc...
Martguerita asked 8/5, 2022 at 9:16

1

im new to tailwind-css and what i want to achieve is that lets say im using few classes of tailwindcss in component/index.js and i want to generate index.css file of tailwindcss in component direct...
Squeeze asked 4/8, 2021 at 9:5

2

Solved

Is there a way to set bg-red-300 and fade/transition it to bg-transparent or different bg class over 2 seconds or do I need javascript for this? I want an element to highlight and then return to no...
Wilson asked 8/7, 2021 at 17:46

1

Solved

I Just want to have dynamic tailwind classes values that changes when change a data value, it is possible to do it using tailwind? In my example I have a double side menus and a main content, I wan...
Coenocyte asked 7/4, 2022 at 9:1

3

i'm on rails 7 with esbuild. I'm using tailwindUI. It works properly when using only css components. When a component uses JS it does not work anymore. For example the dropdown menu is open by defa...

0

I've successfully managed to get Tailwind CSS working in Rails 7 using the tailwindcss-rails gem (through rails new testapp -css tailwind). Some of the interactive items (like menu drop down) don't...
Nihon asked 26/12, 2021 at 18:14

4

I am using Laravel Jetstream with TailwindCSS. I have modified some of the config.js files (webpack, tailwind, etc.) with some of my requirements for the project. For some reason, when I compile ru...
Junior asked 8/2, 2021 at 5:5

1

Solved

I am completely new to Vue and Tailwind. I was just looking at https://tailwindui.com/components/marketing/elements/headers and saw the Requires JS tag. When I copy-paste the code to my project, it...
Edwinaedwine asked 5/6, 2021 at 19:42
1

© 2022 - 2024 — McMap. All rights reserved.