aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorDeniz Akşimşek <deniz@denizaksimsek.com>2023-01-11 03:25:26 +0300
committerDeniz Akşimşek <deniz@denizaksimsek.com>2023-01-11 03:25:26 +0300
commit935b55b5e4f033e02889cf16f6f0b66e548e994f (patch)
tree3e0137a09930503a64e413ab13060c5286a49bc8
parent8e0fc2e83ede83def8b9b0913af76bdac97349a9 (diff)
downloadmissing-935b55b5e4f033e02889cf16f6f0b66e548e994f.tar.gz
missing-935b55b5e4f033e02889cf16f6f0b66e548e994f.zip
Fixed aria-pressed buttons hover statev1.0.7
-rw-r--r--releases/1.0.6.md2
-rw-r--r--releases/1.0.7.md21
-rw-r--r--src/main.css3
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] {