From b329a44fef7716f0e8a3a0130739248344048a4c Mon Sep 17 00:00:00 2001 From: Geometrically <18202329+Geometrically@users.noreply.github.com> Date: Fri, 21 Apr 2023 11:40:48 -0700 Subject: [PATCH] Fix input styling (#43) --- lib/assets/styles/defaults.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss index 071b2aaf8..24ed46384 100644 --- a/lib/assets/styles/defaults.scss +++ b/lib/assets/styles/defaults.scss @@ -65,7 +65,6 @@ textarea { padding: 0.5rem 1rem; font-weight: var(--font-weight-medium); outline: 2px solid transparent; - box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent; transition: box-shadow 0.1s ease-in-out; min-height: 40px; @@ -87,7 +86,7 @@ textarea { } &::placeholder { - color: var(--color-contrast); + color: var(--color-base); opacity: 0.6; } } @@ -111,16 +110,19 @@ input[type='number'] { } &:focus-within svg { - color: var(--color-base); opacity: 1; + color: var(--color-contrast); } - :not(input) { + svg { position: absolute; left: 0.75rem; height: 1.25rem; width: 1.25rem; z-index: 1; + + color: var(--color-base); + opacity: 0.6; } }