Say you have a basic project setup: @tailwind base; @tailwind components; @tailwind utilities; And you want to add a basic utility that uses CSS that's not par
i'm use TailwindCss with vue if i write component he has a prop like color: <script setup> defineProps({ color: String // give me like: green }) </
I am trying to change the default screen background colour of all the pages of the web application. Technologies I used: React JS Next JS Tailwind CSS I want to
I want to create a button component like this: function Button ({ color }) { return ( <button className={`hover:bg-${color}-300 bg-${color}
I just installed a clean Laravel project with the Jetstream starter kit, so it also installed Tailwind CSS. I then tried to use the sample code from Tailwind bu
Some classes like text-green-500, rounded are having effect and the styling is updated. Ohter classes, like bg-black, don't have any effect on the styling. I am
Is there a way to set bg-red-300 and fade/transition it to bg-transparent or different bg class over 2 seconds or do I need javascript for this? I want an eleme
I'm having a real hard time using Flowbite's modals with Livewire. I have a Blade view restaurants.index rendering the x-layout Blade component, calls the <l
I am facing an issue which is mind-numbing in the world of CSS. TailwindCSS 3 classes just doesn't override previous classes. For example, there is this compone
I have this now <div class="w-2/3"> <h2 class="text-2xl font-semibold">Ordered Items</h2> <table class="w-full border-collapse"> .....
How do I align my columns horizontally and vertically aligned in each column? Here the picture (whatI have/whatI want): export default function App() {
With tailwindcss 2 I want to hide some columns in table on small devices using sm:hidden: <table class="table-auto"> <thead class="bg-gray-700 bord
I am trying to make the dropdown on the right overflow so that it is completely visible. I do not want to make the table bigger, I want the dropdown to be bigge
I am trying to use the Next.js Image component with images that all have unique sizes. Their example states the image will stretch to the parent div width and h
From the official documentation, I am only able to come up with something like this: <div class="grid grid-cols-2 gap-3"> <div>1st col</div>
I'm trying to use Tailwind v2 into an old project that uses .tpl files. Not an issue as we're migrating to the world of SPAs. What I'm doing should work regardl
Basing on tailwindcss 2 modal example https://alpinetoolbox.com/examples/modal I make modal dialog with header/footer/ Content with many rows. I try to set cont
I want to get these elements to move over to the right. The name is in the correct spot I just want the 4 elements to the right to move over with some slight pa
I'm trying to add Font Awesome to newly installed Laravel 8 Jetstream with Inertia but receiving the following error Unknown error from PostCSS plugin. Your cur
I have a Vite React project that uses Tailwind via PostCSS. However, none of the classes are reflecting the the localhost. Below are the files in the project: p