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

---
 src/components/nav-link.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/nav-link.js b/src/components/nav-link.js
index 16915d7..434d848 100644
--- 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) {