diff options
author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-11 03:25:26 +0300 |
---|---|---|
committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-01-11 03:25:26 +0300 |
commit | 935b55b5e4f033e02889cf16f6f0b66e548e994f (patch) | |
tree | 3e0137a09930503a64e413ab13060c5286a49bc8 | |
parent | 8e0fc2e83ede83def8b9b0913af76bdac97349a9 (diff) | |
download | missing-935b55b5e4f033e02889cf16f6f0b66e548e994f.tar.gz missing-935b55b5e4f033e02889cf16f6f0b66e548e994f.zip |
Fixed aria-pressed buttons hover statev1.0.7
-rw-r--r-- | releases/1.0.6.md | 2 | ||||
-rw-r--r-- | releases/1.0.7.md | 21 | ||||
-rw-r--r-- | src/main.css | 3 |
3 files changed, 24 insertions, 2 deletions
diff --git a/releases/1.0.6.md b/releases/1.0.6.md index 7a329cc..98d8bdf 100644 --- a/releases/1.0.6.md +++ b/releases/1.0.6.md @@ -16,8 +16,6 @@ artifacts: ## Changelog - - Missing.css is now available on npm: [`missing.css@1.0.6`][]. - Thanks to esmiralha#6639@discord.com for implementing this! - Added box shadows to buttons to better indicate button states. - Changed link styling, removing the outline that appears on hover and making the underline more subtle - Use `--secondary-font` for `<dt>` element diff --git a/releases/1.0.7.md b/releases/1.0.7.md new file mode 100644 index 0000000..6e4a5ee --- /dev/null +++ b/releases/1.0.7.md @@ -0,0 +1,21 @@ +--- +release: 1.0.7 +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 + + - Missing.css is now available on npm: [`missing.css@1.0.6`][]. + Thanks to esmiralha#6639@discord.com for implementing this! + - Fixed a bug with `aria-pressed` and `aria-expanded` buttons.
\ No newline at end of file diff --git a/src/main.css b/src/main.css index 8f1362a..b6e0572 100644 --- a/src/main.css +++ b/src/main.css @@ -514,6 +514,9 @@ input::file-selector-button, &:where([aria-pressed="true"], [aria-expanded="true"]) { box-shadow: 0 2px 4px -1px var(--fg) inset; background: var(--pressed-interactive-bg); + &:hover, &:focus-visible { + box-shadow: 0 1px 3px -1px var(--fg) inset; + } } &[disabled] { |