Supports Hover

Class	Properties
supports-hover	@media (hover: hover)

Alternative

You can use this workaround.

Usage

Single import

// tailwind.config.js
 
import { supportsHover } from "tailwindcss-addons"
 
export default {
    plugins: [supportsHover],
}

Multi import

// tailwind.config.js
 
import { allAddons } from "tailwindcss-addons"
 
export default {
    plugins: [
        ...allAddons({
            supportsHover: false, // Enabled by default.
        }),
    ],
}

Return to top