style: add outlines to toolbar buttons

remvze · Apr 23, 2024 · a3cfbb9 · a3cfbb9
1 parent 3c8d75b
commit a3cfbb9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/menu/menu.module.css b/src/components/menu/menu.module.css
@@ -13,7 +13,13 @@
     border-radius: 50%;
     transition: 0.2s;
 
-    &:hover {
+    &:focus-visible {
+      outline: 2px solid var(--color-neutral-400);
+      outline-offset: 2px;
+    }
+
+    &:hover,
+    &:focus-visible {
       background-color: var(--color-neutral-200);
     }
   }

diff --git a/src/components/scroll-to-top/scroll-to-top.module.css b/src/components/scroll-to-top/scroll-to-top.module.css
@@ -12,7 +12,13 @@
   border-radius: 50%;
   transition: 0.2s;
 
-  &:hover {
+  &:focus-visible {
+    outline: 2px solid var(--color-neutral-400);
+    outline-offset: 2px;
+  }
+
+  &:hover,
+  &:focus-visible {
     background-color: var(--color-neutral-200);
   }
 }