From 9d7cc782c969aa5de9f11793e5765543421ead80 Mon Sep 17 00:00:00 2001 From: Jon Graft <849817+FlyersPh9@users.noreply.github.com> Date: Mon, 25 Mar 2024 17:02:46 -0400 Subject: [PATCH] Cleanup. --- .../src/input-container/input-container.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/packages/itwinui-css/src/input-container/input-container.scss b/packages/itwinui-css/src/input-container/input-container.scss index 2cdb1ae02b9..95c16d9a1ed 100644 --- a/packages/itwinui-css/src/input-container/input-container.scss +++ b/packages/itwinui-css/src/input-container/input-container.scss @@ -102,7 +102,6 @@ // ---------------------------------------------------------------------------- .iui-input-flex-container { - // TODO: This isn't done yet --_iui-input-background-color: var(--iui-color-background); --_iui-input-border-color: var(--iui-color-border-foreground); --_iui-input-accent-border-color: var(--iui-color-border-accent); @@ -168,7 +167,6 @@ input, textarea { - // TODO: These are not using `iui-`, unsure what to do box-sizing: border-box; background: transparent; border: none; @@ -232,14 +230,19 @@ font-size: var(--iui-font-size-2); } + &[data-iui-status='positive']::before, + &[data-iui-status='warning']::before, + &[data-iui-status='negative']::before { + border-block-end-width: var(--iui-size-3xs); + border-block-end-color: var(--_iui-input-accent-border-color); + } + @each $status in positive, warning, negative { &[data-iui-status='#{$status}'] { --_iui-input-accent-border-color: var(--iui-color-border-#{$status}); - --_iui-field-color-border-hover: var(--iui-color-border-#{$status}); // TODO: Not working? - &::before { - border-block-end-width: var(--iui-size-3xs); - border-block-end-color: var(--_iui-input-accent-border-color); + &:hover { + --_iui-input-border-color: var(--iui-color-border-#{$status}); } input {