I am finding a way to add custom drop-shadow with linear-gradient in tailwind CSS. On looking the docs I found this <div class="drop-shadow-[0_35px_35px_rgba
How to use tailwind in a rails engine? According to the documentation supplying a css argument to the Rails generator should work Rails 7.0.2.2 engine generated
I'm struggling to make overflow-y works within flex. <div class="flex h-full flex-col"> <mark class="bg-red-900 p-2 font-semibold t
I'm just learning React and Tailwind CSS and had a strange experience with CSS grid using Tailwind classes. I've made the buttons for a calculator, with the las
I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo
I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo
I want to toggle to dark mode in Vue JS and Tailwind CSS with Dark class in tailwind, but I don't have idea what I should do. I code a little and I want to try
I have a Rails 7 app with tailwind where I'm doing something like this: @list = [{name: "Some", width: "3/12"}, {name: "other", width: "6/12"}] # In the view &
I try to use CSS, im just install the tailwindcss with npm, and then i build the css and provide the output.css. But, when i use the bg-black class in button fo
So the description of the plugin is that it'll display suggestions of classes when am working on the markup, but it doesn't. I've reloaded the plugin countless
So I'm using TailwindCSS for a WP theme I'm developing. I ran into an issue in creating the production grade theme files because, from how I understand the pr
In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but
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