Tailwind plugin for adding a custom variant similar to the built-in
dark
variant
Note that it only works in JIT mode.
npm install --save-dev tailwindcss-custom-variant
In tailwind.config.js:
const customVariant = require('tailwindcss-custom-variant');
module.exports = {
mode: 'jit',
plugins: [customVariant('hawkins')]
};
In your HTML:
<div class="hawkins:bg-black hawkins:hover:bg-white"></div>
Type: string
Custom variant name.