From a3cfbb98db8a70d8055e86071a4dab4d2b7ab952 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Tue, 23 Apr 2024 17:08:15 +0330
Subject: [PATCH] style: add outlines to toolbar buttons

---
 src/components/menu/menu.module.css                   | 8 +++++++-
 src/components/scroll-to-top/scroll-to-top.module.css | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/menu/menu.module.css b/src/components/menu/menu.module.css
index 637e635..6285af3 100644
--- 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
index d535280..a6337d6 100644
--- 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);
   }
 }