Hocus Variants

In order to use this feature, your Tailwind version must support the matchVariant feature. You're safe if using v3.2.1 or above (I'm not sure about the older versions).

Usage

Single import

// tailwind.config.js | tailwind.config.ts

import { hocus } from "tailwindcss-addons"

export default {
    plugins: [hocus],
}

Multi import

// tailwind.config.js | tailwind.config.ts

import tailwindcssAddons from "tailwindcss-addons"

export default {
    plugins: [
        ...tailwindcssAddons({
            hocus: false, // Enabled by default
        }),
    ],
}