From a7d679e50e5cff3136b3fecddcf517bb8d88d6a6 Mon Sep 17 00:00:00 2001 From: Dotwood Media Date: Wed, 2 Apr 2025 15:58:50 +0200 Subject: [PATCH] fix: enhance hover variant to include pointer fine media query --- packages/tailwindcss/src/variants.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/tailwindcss/src/variants.ts b/packages/tailwindcss/src/variants.ts index 701f08c0bdb4..f3755a33a1cb 100644 --- a/packages/tailwindcss/src/variants.ts +++ b/packages/tailwindcss/src/variants.ts @@ -704,7 +704,7 @@ export function createVariants(theme: Theme): Variants { // Interactive staticVariant('focus-within', ['&:focus-within']) variants.static('hover', (r) => { - r.nodes = [styleRule('&:hover', [atRule('@media', '(hover: hover)', r.nodes)])] + r.nodes = [styleRule('&:hover', [atRule('@media', '(hover: hover) and (pointer: fine)', r.nodes)])] }) staticVariant('focus', ['&:focus']) staticVariant('focus-visible', ['&:focus-visible'])