Apply the invalid/valid state to the class name

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 4a1e0bc311464dd58912ce0b8d96750a16087306..67e198c26f7f78f4d8f19da6f884269e577b853b 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -33,8 +33,8 @@
         box-shadow: 0 0 0 .2rem rgba($color,.25);
       }
 
-      ~ .invalid-feedback,
-      ~ .invalid-tooltip {
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
         display: block;
       }
     }