From 1c29c3409462768e02dbd36190524b5bec8d8f2d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Korczak?= Date: Thu, 2 Jan 2025 04:14:28 +0000 Subject: [PATCH] fix: add error styles on invalid input MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Michał Korczak --- libs/plugins-styles/src/lib/components/input.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/libs/plugins-styles/src/lib/components/input.css b/libs/plugins-styles/src/lib/components/input.css index bcb2442..2c7becb 100644 --- a/libs/plugins-styles/src/lib/components/input.css +++ b/libs/plugins-styles/src/lib/components/input.css @@ -42,6 +42,10 @@ color: var(--df-secondary); } + &:invalid { + background-color: var(--db-primary); + } + &.success { background-color: var(--db-primary); border-color: var(--da-tertiary); @@ -84,6 +88,10 @@ color: var(--lf-secondary); } + &:invalid { + background-color: var(--lb-primary); + } + &.success { background-color: var(--lb-primary); border-color: var(--la-tertiary); @@ -106,6 +114,10 @@ outline: none; padding-block: var(--spacing-8); padding-inline: var(--spacing-8); + + &:invalid { + border-color: var(--error-500); + } &.error { border-color: var(--error-500);