diff options
| -rw-r--r-- | releases/1.0.9.md | 19 | ||||
| -rw-r--r-- | src/main.css | 5 |
2 files changed, 24 insertions, 0 deletions
diff --git a/releases/1.0.9.md b/releases/1.0.9.md new file mode 100644 index 0000000..dbdb439 --- /dev/null +++ b/releases/1.0.9.md @@ -0,0 +1,19 @@ +--- +release: 1.0.9 +artifacts: + Missing.css: + Plain: missing.css + Minified: missing.min.css + Missing Prism: + Plain: missing-prism.css + Minified: missing-prism.min.css + Missing.js: + 19: missing-js/19.js + Tabs: missing-js/tabs.js + Menu: missing-js/menu.js + Navbar: missing-js/overflow-nav.js +--- + +## Changelog + + - Improved interactions on buttons that use `aria-pressed` or `aria-expanded` 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; } |