From 477992f869db976d09d53adedfb5d7c425a389ac Mon Sep 17 00:00:00 2001 From: Lucas Larroche Date: Thu, 29 Dec 2022 17:55:50 +0700 Subject: [PATCH] feat: Helper text color with aria-invalid --- scss/forms/_basics.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/scss/forms/_basics.scss b/scss/forms/_basics.scss index 38e94193..12e017bd 100644 --- a/scss/forms/_basics.scss +++ b/scss/forms/_basics.scss @@ -370,6 +370,16 @@ margin-bottom: var(#{$✨}spacing); color: var(#{$✨}muted-color); } + &[aria-invalid="false"] { + + small { + color: var(#{$✨}ins-color); + } + } + &[aria-invalid="true"] { + + small { + color: var(#{$✨}del-color); + } + } } // Styles for Input inside a label