From 03526ff3b9161b313f0295c2921b8fc379de8617 Mon Sep 17 00:00:00 2001 From: grabowski Date: Thu, 16 Apr 2026 15:35:46 +0700 Subject: [PATCH] Restore pointer cursor on buttons (Tailwind v4 Preflight reset) Co-Authored-By: Claude Opus 4.6 (1M context) --- src/app.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/app.css b/src/app.css index 5b73331..ea031b9 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,24 @@ @import 'tailwindcss'; @custom-variant dark (&:where(.dark, .dark *)); + +/* Tailwind v4's Preflight removes cursor:pointer from buttons — restore the expected UX. */ +@layer base { + button:not(:disabled), + [role='button']:not(:disabled), + summary, + label[for], + select:not(:disabled), + input[type='submit']:not(:disabled), + input[type='reset']:not(:disabled), + input[type='button']:not(:disabled), + input[type='checkbox']:not(:disabled), + input[type='radio']:not(:disabled) { + cursor: pointer; + } + + button:disabled, + [role='button'][aria-disabled='true'] { + cursor: not-allowed; + } +}