Make use of :focus-visible when needed.

2023-03-08 08:18:25 +01:00 · 2023-03-08 08:18:25 +01:00 · 308e9d961b
commit 308e9d961b
parent 44a15013b5
2 changed files with 3 additions and 3 deletions
--- a/assets/sass/components/icon-inline/_icon-inline.scss
+++ b/assets/sass/components/icon-inline/_icon-inline.scss
@ -8,12 +8,12 @@
    text-decoration: none;
  }

-  &:focus,
+  &:focus-visible,
  &:hover {
    .icon-link {
      opacity: .3;

-      &:focus,
+      &:focus-visible,
      &:hover {
        opacity: 1;
      }
--- a/assets/sass/mobile.scss
+++ b/assets/sass/mobile.scss
@ -71,7 +71,7 @@
    }

    &:hover svg,
-    &:focus svg {
+    &:focus-visible svg {
      fill: var(--color-text-bg);
    }
  }