fat(input-text): focus state

2021-02-02 23:41:35 +00:00
parent 5500a49037
commit 6f63e99a3c
1 changed files with 9 additions and 0 deletions
--- a/src/components/input-text.js
+++ b/src/components/input-text.js
@@ -6,6 +6,15 @@ const Input = styled.input`
  margin-bottom: var(--spacing-y-sm);
  padding: var(--spacing-y-xs) var(--spacing-x-sm);
  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 InputText({