Category "tailwind-css"

Border style not working on hover in tailwind

I'm using tailwind v2.1.0 with Laravel v8.12 I am trying to get hover on a tag with tailwind classes but its not working <a href="/" class="text-gray-800 bor

remove specific style from tailwind base

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tai

Tailwind custom color is not active on hover

I modified my tailwind.config.js to add a new custom color: module.exports ={ theme: { extend: { colors: { pepegray: { DEFAULT: "#323232" },

Vite does not build tailwind based on config

I created a new react-ts app using yarn create @vitejs/app my-app --template react-ts. I installed tailwind using yarn add --dev tailwindcss@latest postcss@late

How to align icon next to text of link attribute with tailwind-css and css.gg

This is 100% a duplicated but I cannot get the icon left to the text of the <a>-attribute. The closest I got is with this solution: <script src="ht

How to install Next.js Tailwind explicitly with .js?

I created a Next.js project and I only have .tsx (TypeScript) as the extension everywhere. I know TypeScript is just extended like Java but I just want .js as t

adding dynamic class name in svelte

I am currently writing an app with svelte, sapper and tailwind. So to get tailwind working I have added this to my rollup config svelte({ compilerOption

tailwind.css not being generated in a Rails 7 project in Heroku

I have a Rails 7 project using TailwindCSS deployed to Heroku that is not building tailwind.css during rake asset:precompile and I don't know why. When I try to

How to add custom drop-shadow with linear-gradient in tailwind css?

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 css gem in a rails 7 engine?

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

Can't apply overflow in a flexbox [duplicate]

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

React and Tailwind CSS: dynamically generated classes are not being applied

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

Types for tailwind

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

Types for tailwind

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

How to toggle to dark mode in Vue JS and Tailwind CSS

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

Rails 7 and Tailwind dynamic classes

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 &

Tailwind class is not working after installed

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

My TailWind CSS Intellisense plugin just isn't working on my VSCode

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

purgecss can't recognize conditional classes

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

Use both Tailwind and SCSS with cssbundling-rails

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