Don't bind validation to form controls

MartijnCuppens · MartijnCuppens · commit 4db520bedb7f · 2019-08-27T19:28:28.000+02:00
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
@@ -63,6 +63,13 @@
     @include border-radius($form-feedback-tooltip-border-radius);
   }
 
+  @include form-validation-state-selector($state) {
+    ~ .#{$state}-feedback,
+    ~ .#{$state}-tooltip {
+      display: block;
+    }
+  }
+
   .form-control {
     @include form-validation-state-selector($state) {
       border-color: $color;
@@ -79,11 +86,6 @@
         border-color: $color;
         box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
       }
-
-      ~ .#{$state}-feedback,
-      ~ .#{$state}-tooltip {
-        display: block;
-      }
     }
   }
 
@@ -110,21 +112,6 @@
         border-color: $color;
         box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
       }
-
-      ~ .#{$state}-feedback,
-      ~ .#{$state}-tooltip {
-        display: block;
-      }
-    }
-  }
-
-
-  .form-control-file {
-    @include form-validation-state-selector($state) {
-      ~ .#{$state}-feedback,
-      ~ .#{$state}-tooltip {
-        display: block;
-      }
     }
   }
 
@@ -143,11 +130,6 @@
       ~ .form-check-label {
         color: $color;
       }
-
-      ~ .#{$state}-feedback,
-      ~ .#{$state}-tooltip {
-        display: block;
-      }
     }
   }
   .form-check-inline .form-check-input {
@@ -163,11 +145,6 @@
         border-color: $color;
       }
 
-      ~ .#{$state}-feedback,
-      ~ .#{$state}-tooltip {
-        display: block;
-      }
-
       &:focus {
         ~ .form-file-label {
           border-color: $color;
