feat(menu-button): focus state

2021-02-02 20:52:53 +00:00
parent feea593d8a
commit 681876e568
1 changed files with 5 additions and 0 deletions
--- 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) {