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

Closes #257
fomantic · Dec 21, 2018 · 5098f2a · 5098f2a
1 parent 4eedd99
commit 5098f2a
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