feat(select): focus state

2021-02-02 23:41:15 +00:00
parent 358ae543b0
commit 5500a49037
1 changed files with 9 additions and 0 deletions
--- 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 = [] }) {