Category "tailwind-css"

Vertical Media Queries Not Working (Resize Elements Based on Height of Screen) -- Viewport issue?

I'm working on a web application that's meant to be used exclusively on phones (of various sizes). The application includes various buttons that I resize based

How to run a command after Tailwind JIT compiler ran a build in watch mode?

Context: I need to run a command every time Tailwind's just-in-time compiler ran a new build in watch mode. To be more specific, I need to rebuild Drupal's cach

Is there a way to convert an .eot to .woff or call another file in css

I have this big chunk of text that looks something like this: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHnQABMAAAABHZAAAQAAAAAAAAAAAAAAAA

Prettier code formatting is not splitting classNames in JSX or HTML

I have the Prettier VSCode extension enabled and my local .prettierrc file has "printWidth": 70 as one of the options, however, when I have a long list of class

Next.js Wrong Path to Fonts on Export

when I export the Nextjs files, the fonts, are wrong. In the console I get the following error: This is how my global.css file looks: @tailwind base; @tailwind

Responsive reorganizing of divs in DOM

My project uses Tailwind + Vue 2. I'm using Vue to iterate through a list and show multiple rows. Each row starts collapsed and has the option to be expanded. T

How to track every PHP file located in a folder with Tailwind CSS

I am using Tailwind CSS in my projects and I want to include all of my PHP files in tailwind.config.js file. I want to use wildcards, but it doesn't seem to wor

Tailwind css not getting included in project

I am using tailwind post CSS in my HTML, but classes are not applying. I have installed all packages have linked CSS too. tailwindconfigjs file module.exports =

How to enable Tailwind.css for Storybook in a Nx workspace Angular library?

I've created an Angular library in Nx workspace to provide ui-components (ui-kit). To this library I added Storybook which was working fine. Now I also want to

Tailwind CSS classes not updating after initial build of react app

I decided to bite the bullet today and upgrade from tailwind v2 to v3 for my react app. The upgrade went well, but I now have a problem where after I run "npm s

Build error with Nuxt 2.15.7 - Can't resolve a CSS @font-face URL

I am trying to build my project but there is an error during build process. I entered this command: yarn build then I saw this: ERROR in ./assets/css/main.css

Slow button response time with Capacitor x Svelte on Ios

I try to create a starter app with Capacitor and Svelte. Everything works fine except one thing, when I use native html anchor ( with svelte-routing) for naviga

Next.js Image always on top

I am using Tailwind CSS to style a Next.js website. I have an image element for which I am using Next.js Image element. Now I want to open a modal on top of the

Hot reload not working properly for Tailwind on WSL2

o/ Just started a new personal project with Remix & TailwindCSS. Everything works fine with raw Remix install, but the css hot reload is broken when I add T

Why is my create react app giving no output?

I'm doing a tutorial for a basic CRUD app with React and Tailwind, this is my first time setting it up and I'm trying to display a navbar but when i run 'npm ru

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