From 56fb70ab5e86201edda60244babea1c34f7f0381 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 13 Jan 2025 21:12:27 +0200 Subject: [PATCH] style(next): refactor CSS --- src/public/stylesheets/theme-next/forms.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css index 5f966bcce..9b5a54128 100644 --- a/src/public/stylesheets/theme-next/forms.css +++ b/src/public/stylesheets/theme-next/forms.css @@ -13,28 +13,29 @@ input[type="text"], input[type="number"], input[type="password"] { outline: 3px solid transparent; - border: unset; outline-offset: 6px; + border: unset; + background: var(--input-background-color); + color: var(--input-text-color); } input:not([type]):hover, input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover { - --input-background-color: var(--input-hover-background); - --input-text-color: var(--input-hover-color); + background: var(--input-hover-background); + color: var(--input-hover-color); } input:not([type]):focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus { - --input-background-color: var(--input-focus-background); - --input-text-color: var(--input-focus-color); - + box-shadow: unset; outline: 3px solid var(--input-focus-outline-color); outline-offset: 0; - box-shadow: unset; + background: var(--input-focus-background); + color: var(--input-focus-color); transition: outline-color 50ms linear, outline-offset 200ms ease-out; }