diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-12 04:15:00 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-12 04:15:00 +0300 |
| commit | dbbae16213619c9c70a4c2679dd6b637413dde4b (patch) | |
| tree | a620f5edfca43e8152a27a24a8f6111c9e88c716 /src | |
| parent | 1cf9d2441dcb6ac137cf395730455a60caa3fa5d (diff) | |
| download | missing-dbbae16213619c9c70a4c2679dd6b637413dde4b.tar.gz missing-dbbae16213619c9c70a4c2679dd6b637413dde4b.zip | |
Improve aria-pressed/aria-expanded button states
Diffstat (limited to 'src')
| -rw-r--r-- | src/main.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/main.css b/src/main.css index b6e0572..ab864b4 100644 --- a/src/main.css +++ b/src/main.css @@ -509,11 +509,16 @@ input::file-selector-button, &:active { box-shadow: none; + &:is([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg) inset; + } } &:where([aria-pressed="true"], [aria-expanded="true"]) { box-shadow: 0 2px 4px -1px var(--fg) inset; background: var(--pressed-interactive-bg); + color: var(--accent); &:hover, &:focus-visible { box-shadow: 0 1px 3px -1px var(--fg) inset; } |