From f02d8aeecc4952c98bbfcfdee93e23506109479a Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Sun, 19 Mar 2023 12:13:23 +0100 Subject: [PATCH] add input style --- src/style.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/style.css b/src/style.css index 994eba1..77aafaf 100644 --- 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%); +}