tailwindcss-important

!important Tailwind Plugin

Installation

Add this plugin to your project:

# Install via npm 
npm install --save-dev tailwindcss-important
 
# Install via yarn 
yarn add tailwindcss-important --dev

Adding variants through plugins is currently an experimental feature in tailwind and requires version 0.6.2 or higher.

Usage

The important plugin exposes an important variant for you to use by prepending ! to your class names: !text-white !bg-black

require('tailwindcss-important')()

textColors: ['responsive', 'hover', 'important'],

experiments: {
  pluginVariants: true
}