globals.css18 lines · main
| 1 | @import '@briven/config/tailwind/theme.css'; |
| 2 | |
| 3 | /* |
| 4 | * Global affordance: every non-disabled interactive element shows a pointer |
| 5 | * on hover. Disabled buttons fall back to not-allowed so the UI reads |
| 6 | * correctly without per-component classes. |
| 7 | */ |
| 8 | @layer base { |
| 9 | button:not(:disabled), |
| 10 | a, |
| 11 | [role='button']:not([aria-disabled='true']) { |
| 12 | cursor: pointer; |
| 13 | } |
| 14 | button:disabled, |
| 15 | [role='button'][aria-disabled='true'] { |
| 16 | cursor: not-allowed; |
| 17 | } |
| 18 | } |