feat(nav-link): focus state

2021-02-02 20:53:11 +00:00
parent 681876e568
commit f73f5b51bb
1 changed files with 6 additions and 1 deletions
--- a/src/components/nav-link.js
+++ b/src/components/nav-link.js
@@ -12,7 +12,12 @@ const Link = styled(GatsbyLink)`
  cursor: pointer;

  &:focus {
-    outline: none;
+    outline: 0;
+    box-shadow: 0 0 0 2px var(--color-white);
+  }
+
+  &:focus:not(:focus-visible) {
+    box-shadow: none;
  }

  @media (min-width: 30em) {