does someone of you know, what the correct way of dynamically binding the content tailwind class in vuejs3/nuxtjs3 is? Let's assume, that const isExpanded = true <h1 :class="{'after:content-[`:`]' : isExpanded}">Hello</h1> I have tried it with backticks (`) but it ain't…
To start and simplify the description, I will give a video fragment. (note the 3 moving columns) I would like to make such a dynamic icon (at the moment when the user is listening to music) on my website using…
I'm not very good at html,css,twcss. I need help. Whenever I use justify-contents:space-between; it moves some things down. An image of my problem justify acting wierd or my skill issue? The following is my code. <!DOCTYPE html> <html lang="en"> <head>…
Im trying to import an object containing reusable TailwindCSS classes and reuse these classes across my app. For some reason I need to copy + paste this object locally INSIDE the react component I want to use it in for…
Alright this is a weird one. I've read through multiple other questions relating to this but nothing seems to work to fix it. Tailwind is working fine except for breakpoints. I have this in the head <meta name="viewport" content="width=device-width, initial-scale=1.0"…
Having simple html: public/index.html: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body class="text-red-600"> some text </body> where the css was obtained from tailwindcss -i src/styles.css -o public/styles.css src/styles.css: @tailwind base; @tailwind components; @tailwind utilities; tailwind.config.js: module.exports = { content:…
I have a grid with two columns. The first is a sidebar that the user can hide/show and the second is the main content. Here's what that looks like... sidebar shown sidebar hidden I would like to use CSS (tailwind,…
Why smooth transition effect does not work in react using tailwindcss? When the mouse clicks on the categories bar than hidden list group is not shown smoothly from top to bottom This is my code: <div className="category-section w-full lg:w-[30%] lg:max-w-[280px]…
I have used tailwindcss in my app. By default tailwind will overwrite the css for tags like h1, p, ul, ol and all. I want a only one component that the tag need to have its own default style. I…
I am using a react carousel from https://www.material-tailwind.com/docs/react/carousel The carousel renders with the stock images but it is not rendering when I use my local images, or even images from another other source hosted online. Why is this? How can…