Category "tailwind-css"

Display hidden not working with flex in Tailwind

I'm trying to hide a div in mobile, and display flex with md screen & above, here's my code: <div class="hidden md:flex"> <x-navbar.nav

How to create a bar near to text in Tailwind CSS?

I am a beginner to Tailwind CSS. And I am finding it difficult to create a button design as shown in the picture in tailwind Css So I want to display that litt

How to shift the position of an icon from left to right in tailwind CSS?

I myself am a beginner to tailwind CSS. So I am struck on how to change the position of this close icon from the left side to the right side. And if possible ca

The Grid container on the right is the same height as the left one

I am trying to work with Tailwind CSS grids and I am facing this issue where the container on the right the same height as the left one. It should be as high as

Tailwindcss LSP for Neovim root_dir issue

I am having an issue with the Tailwind LSP in Neovim 0.5 where the language server running however I get no intellisense when defining a class. I am working on

DropDown and ListBox don't work correctly (Next.js + TailwindCSS + HeadlessUI)

I have issue with dropdown menu. When I click dropdown menu opens and close immediately. I've installed TailwindCSS and HeadlessUI by docs. I've took DropDown f

How to install tailwind-rn?

I have been trying to use tailwind for my react native project but for some reason it won't work. I've done "npm install tailwind-rn" and then "npx setup-tailwi

Tailwind css classes not showing in Storybook build

I am trying to build my storybook with tailwind css. When running build-storybook the components are rendered with the tailwind classes. Unfortunately, when I b

How to use dynamic tailwind classes with JS switch statement and pass them correctly in Vue?

I am a beginner to Vue JS and I'm trying to create a function for assigning corresponding colours to the order statuses. I would like to use switch-statement to

React Native Components Override styles "leaking"

I'm trying to build my own component library specific to my React Native app using the Atomic Design Methodology, so I have small components like Paragraph, Tit

How to make a triangle shape with Tailwind?

<div class=""> <div class="w-16 h-16 border-b-30 border-l-30 border-solid border-black"> <div class="h-16 w-1

How to access all the direct children of a div in tailwindcss?

I have this html: <div class="section"> <div class="header">header</div> <div class="content"> <div>sub contents 1<

The background becomes black when I add DaisyUI in my SvelteJS+Tailwindcss Project

I was configuring with my SvelteJS and Tailwindcss project with DaisyUI. But every time I add DaisyUI to a Project the background color becomes black. Maybe it'

TailwindCSS - Add many properties after media queries

I am learning tailwind these last days and I was wondering if there was any ways to "group" many properties after a media queries or a "hover:" for example. &l

Can I create a Masonry layout using Tailwind CSS utility classes? [duplicate]

I'm trying to create a Masonry layout using Tailwind CSS utility classes (not plain CSS), but going through all the official Tailwind document

How to write a Tailwind class plugin that takes a palette colour as an optional parameter

I have this style: box-shadow: 0 0 0 100px white inset; But I don't want white hard-coded in - I want to make a Tailwind plugin in my tailwind.config.js called

Tailwind height transition not working on h-min, h-fit, h-max, and h-auto

So I like to make transition whenever the element change it's height. It works on h-10, h-20, etc. But it doesnt work on h-min, h-max, h-auto. ‎‎‎&l

Tailwind css styles not showing on my browser

This is the first time I'm working with tailwind css , after I did the required installations , and linked my styles.css file to the html file ,it only removed

Tailwind.css — How to implement the last-child using Tailwind?

I have tried without success to implement the prefix last: as shown in the Tailwind.css documentation. Can anyone point out what I am doing wrong? I cannot make

Enabling scroll using Tailwindcss

I am using Tailwindcss and trying to achieve a design, in which there is a scroller in middle section. However, the scroller is disabled and it's full height i