style(desktop): primitive-level pointer cursor + borderless settings lists
Add a base-layer rule giving every interactive control (button, select, menu item, switch, tab, summary) cursor:pointer, and strip the now-redundant hardcoded cursor-pointer from those elements (plain clickable divs/labels keep theirs). Remove the divide-y separators from settings list sections so they breathe.
This commit is contained in:
parent
2b762c5364
commit
f15d2cb5e4
22 changed files with 62 additions and 46 deletions
|
|
@ -425,6 +425,25 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* Primitive-level pointer cursor for every interactive control (buttons,
|
||||
selects, menu items, switches, tabs, summaries). Keeps individual
|
||||
components from having to hardcode `cursor-pointer`; explicit cursor
|
||||
utilities (cursor-grab, cursor-default, disabled:cursor-*) still win since
|
||||
they live in the utilities layer. */
|
||||
@layer base {
|
||||
button:not(:disabled):not([aria-disabled='true']),
|
||||
summary,
|
||||
[role='button']:not([aria-disabled='true']),
|
||||
[role='menuitem']:not([aria-disabled='true']),
|
||||
[role='menuitemradio']:not([aria-disabled='true']),
|
||||
[role='menuitemcheckbox']:not([aria-disabled='true']),
|
||||
[role='option']:not([aria-disabled='true']),
|
||||
[role='switch']:not([aria-disabled='true']),
|
||||
[role='tab']:not([aria-disabled='true']) {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
[class*='rounded-full'],
|
||||
[class*=':rounded-full'] {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue