From 681876e5681ec5ae879c583595e4178342a8f3d3 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 2 Feb 2021 20:52:53 +0000
Subject: [PATCH] feat(menu-button): focus state

---
 src/components/menu-button.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/menu-button.js b/src/components/menu-button.js
index 5de5108..d966e78 100644
--- a/src/components/menu-button.js
+++ b/src/components/menu-button.js
@@ -13,6 +13,11 @@ const Container = styled.button`
 
   &:focus {
     outline: 0;
+    box-shadow: 0 0 0 2px var(--color-white);
+  }
+
+  &:focus:not(:focus-visible) {
+    box-shadow: none;
   }
 
   @media (min-width: 30em) {