Category "tailwind-css"

How to create multiple themes using Tailwind CSS?

Looking at Tailwind CSS, it seems that you need to specify specific colors in your classes like this: <div class="bg-yellow-200 dark:bg-gray-800"></div

make responsive flexible images that are rotated on a single line in tailwind css?

i want to recreate this effect that is visible on https://www.tella.tv/ in tailwind css: i tried to inspect their source code but i couldn't make it work in my

how to use tailwinds @apply with @layer directive from a Svelte component

I want to use apply to define some css setting on a component, and I also want to be able to overwrite it, like this: <!-- CustomButton.svelte --> <scr

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