From 5500a490379f64a1c339490a18945d58b1e77fe0 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 2 Feb 2021 23:41:15 +0000
Subject: [PATCH] feat(select): focus state

---
 src/components/select.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/select.js b/src/components/select.js
index c9ff96a..745d108 100644
--- a/src/components/select.js
+++ b/src/components/select.js
@@ -7,6 +7,15 @@ const Select = styled.select`
   padding: var(--spacing-y-xs) var(--spacing-x-sm);
   background-color: var(--color-white);
   border: 1px solid var(--color-dark);
+
+  &:focus {
+    outline: 0;
+    box-shadow: 0 0 0 2px var(--color-dark);
+  }
+
+  &:focus:not(:focus-visible) {
+    box-shadow: none;
+  }
 `;
 
 export default function InputSelect({ id, name, value, options = [] }) {