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...

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...

I was trying to use colors such as amber and lime, which are mentioned in the documentation. These colors didn't work. Only colors with names such as the primary color name (eg. red, pink) worked. ...

I am trying to setup tailwind 3 , but i got the next warning . No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS c...

I have installed react-bootstrap and tailwind together for my react app. I'm getting some conflict using both of them. So I want to uninstall tailwind.

First, I'm much more of a Rails back end person. The JS world today scares me. I know this is a super basic question, but I've racked my brain for a solid couple days trying to figure, this out. I ...

I've just started using Headless UI. I'm trying to use the Disclosure component from Headless UI to render my job experiences. Basically, I need "n" number of Disclosures which will be dy...

I am trying to learn how to use animation with Tailwind. The animation that I am trying hopelessly to make is: Entering: "duration-200 ease-out" From: "opacity-0 scale-95" To:...

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...

I was curious about the CSS behind tailwinds bg opacity. I could only find 'opacity' in pure CSS but that affects everything rather than just the background. Could somebody please explain this?

my problem is simple ... I'm using HeadlessUI's Dialog component for React in my app and when I click out of modal I wish it wouldn't close. In the documentation, there is the Dialog. Overlay param...

How do i change the internal state of the Popover with a function outside the component: Like the openPopover function i created below. const openPopover = () => { setPopoverOpen(true) // Examp...

I am looking for a good shorthand to apply the same effect to multiple pseudo classes in tailwind. For example, I may want to apply a blue background to both :hover and :focus states on a div. Curr...

I wanted to include a loading spinner from tailwind-css and according to tailwindcss documentation, this should be available with the className="animate-spin". I'm using React18 created f...

I build an app in React and I have this dropdown from Tailwind UI which is opened on click events and I want to make it open on mouse hover too. <Menu as="div" className="relative...

I have a input element. It takes 50% of available parent width. Property w-6/12. How to set width full for mobile devices? Code is: <div class="mt-4 width"> <div class="mt-...

I have a Laravel project with Tailwind and have Webpack configured: mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require("tailwindcss"), ...

I want to create a class in Tailwindcss with arbitrary values for example HTML <button class="my-custom-class[#fff]" /> CSS @layer componenets { .my-custom-class { @apply bg-[--h...

I am trying to use sample tailwindui.com components. They have the animation part defined in the comments, but I am not able to make out how I should those in my code. I am using plain html/js and ...

How to add roboto font family in tailwind and us it for label element? <label class="font-roboto"></label>

I'm having trouble opening one of the 2 Disclosure. Attached below is what trying to achieve this and when I add the static prop it keeps it open indefinitely.

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...

I use TailwindCSS with DaisyUI (via CDN). When using DaisyUI Dropdown, is there any way for me to change the color of the dropdown item? This includes the background color of the dropdown itself, t...