fix: restrict hover styles to pointer devices via @custom-variant

Prevents hover state from sticking on touch screens by scoping
hover to actual hover-capable devices.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-07 19:13:37 +02:00
parent b835b6247d
commit c4255c8490
2 changed files with 3 additions and 0 deletions
+2
View File
@@ -4,6 +4,8 @@
@source "../../content/**/*.md"; @source "../../content/**/*.md";
@source "../../assets/js/**/*.js"; @source "../../assets/js/**/*.js";
@custom-variant hover (&:hover);
/* ── Design tokens ─────────────────────────────────────────────────────────── */ /* ── Design tokens ─────────────────────────────────────────────────────────── */
@theme { @theme {
/* Core palette — exact match to design */ /* Core palette — exact match to design */
+1
View File
@@ -379,6 +379,7 @@
"text-lg", "text-lg",
"text-right", "text-right",
"text-sm", "text-sm",
"text-warm/20",
"text-xl", "text-xl",
"top-0", "top-0",
"top-24", "top-24",