add input style

2023-03-19 12:13:23 +01:00
parent 9e6caa46a7
commit f02d8aeecc
1 changed files with 21 additions and 0 deletions
--- a/src/style.css
+++ b/src/style.css
@@ -79,3 +79,24 @@ button:focus-visible {
    background-color: #f9f9f9;
  }
 }
+
+input {
+  position: relative;
+  cursor: text;
+  font-size: 14px;
+  line-height: 14px;
+  padding: 0 16px;
+  height: 18px;
+  background-color: #f9f9f9;
+  border: 1px solid #213547;
+  border-radius: 3px;
+  color: rgb(35, 38, 59);
+  box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
+  overflow: hidden;
+  transition: all 100ms ease-in-out;
+}
+
+input:focus {
+  border-color: #111c25;
+  box-shadow: 0 1px 0 0 rgb(35 38 59 / 5%);
+}