feat(input): add red border around error labeled input

Closes #257
fomantic · Dec 18, 2018 · 6865e08 · 6865e08
1 parent aeb94d6
commit 6865e08
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -398,6 +398,21 @@
   left: @borderWidth;
 }
 
+/* Labeled input error */
+.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
+  border-top: @borderWidth solid @errorBorder;
+  border-bottom: @borderWidth solid @errorBorder;
+}
+.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
+  border-left: @borderWidth solid @errorBorder;
+}
+.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
+  border-right: @borderWidth solid @errorBorder;
+}
+.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
+  border-left: @borderWidth solid @errorBorder;
+}
+
 
 /*--------------------
         Action