Category "tailwind-css"

dynamic classes with tailwindcss and eleventy

I am using eleventy.js with tailwindcss and postcss. In my setup, postcss does not seem to recognise dynamic classes like md:pl-{{(loop.length-loop.index+1)*2}}

How can I use javascript to hide by default the navigation links in my navbar on small screens?

I set up my navber using tailwind css and was able to make it responsive. When viewed on a smaller screen the navigation links are displayed underneath each oth

How to include Tailwind CSS styles from React component library into the app CSS bundle?

G'day, I am building a React component library with TailwindCSS and ViteJS. The library outputs each component as a separate JS file, for example: // @component

How can I set the textColor on a preceding sibling of a input:focus using Tailwind CSS?

I have a situation where I need to change the text color of a label where the following sibling is an input, when its focussed. div(class='form-control') labe

How to customize Tailwind CSS height?

I'm building a website in tailwind CSS. I'm new to it and I don't know how to customise the height. I want my image height to be exactly 40rem=640px. But the ma

setting default font when tailwind fails?

If I use a universal selector in conjunction with tailwind, not all the elements resort to default. I want everything to default to Impact (in case tailwind doe

How to add tailwind to a .less file

I have a gatsby project that uses .less as the CSS preprocessor, adding tailwind to it as shown in the docs does nothing @tailwind base @tailwind utilities @tai

I am making a website using django and tailwind css. But in Cpanel I am getting this command error of Node Js path. Any suggestions what I can do?

CommandError: It looks like node.js and/or npm is not installed or cannot be found. Visit https://nodejs.org to download and install node.js for your system. If

How to apply classes to dynamically generated content?

In tailwind, there is a feature (which I find very annoying at times) called preflight that turns most of the HTML elements to appear like normal text. And the

How can I add tailwind css to an existing django app

I already have a Django project with many apps and one of them is demo_app. I have some views and templates added to the demo app but I want to start using tail

Dynamically build classnames in TailwindCss

I am currently building a component library for my next project with TailwindCss, I just ran into a small issue when working on the Button component. I'm passin

Dynamically build classnames in TailwindCss

I am currently building a component library for my next project with TailwindCss, I just ran into a small issue when working on the Button component. I'm passin

Tailwind CSS No Utility Classes Were Found

Trying to get Tailwind to work via CLI instructions here. I've got a (simplified) file structure of -public -stylesheets -styles.css -tailwind.css -v

sticky sidebar in a post not working (tailwind)

I'm looking to make something similar to this As you can see, when you scroll the sidebar follows you. This is my code, i can't make it work: <template>

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