added 'additional' class

dist/components/input.css

@@ -192,7 +192,7 @@
 .ui.input.error > input:focus:-ms-input-placeholder {
   color: #da9796 !important;
 }
-.ui.input.error > .label {
+.ui.input.error.additional > .label {
   background-color: #FFF6F6;
   border-color: #E0B4B4;
   color: #9F3A38;

dist/semantic.css

@@ -14330,7 +14330,7 @@ img.ui.bordered.image {
   color: #da9796 !important;
 }
 
-.ui.input.error > .label {
+.ui.input.error.additional > .label {
   background-color: #FFF6F6;
   border-color: #E0B4B4;
   color: #9F3A38;

examples/components/input.html

@@ -151,7 +151,7 @@
         <i class="asterisk icon"></i>
       </div>
     </div>
-    <div class="ui corner error right labeled input">
+    <div class="ui corner error additional right labeled input">
       <input type="text" placeholder="Required Field">
       <div class="ui basic label"> m²</div>
     </div>

src/definitions/elements/input.less

@@ -201,7 +201,7 @@
 .ui.input.error > input:focus:-ms-input-placeholder {
   color: @placeholderErrorFocusColor !important;
 }
-.ui.input.error > .label {
+.ui.input.error.additional > .label {
   background-color: @errorBackground;
   border-color: @errorBorder;
   color: @errorColor;