From: Patrick Yeo <pyeo717@gmail.com>
Date: Tue, 3 Oct 2017 03:37:28 +0000 (-0700)
Subject: Form Validation `.valid-feedback` and `.valid-tooltip` are unstyled (#23527)
X-Git-Tag: v4.0.0-beta.2~138
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=728f5792867a96300b78b75b91e5be31e44a640f;p=thirdparty%2Fbootstrap.git

Form Validation `.valid-feedback` and `.valid-tooltip` are unstyled (#23527)
---

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 1c661917bc..0ece186d93 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -258,28 +258,6 @@ select.form-control-lg {
 // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
 // server side validation.
 
-.invalid-feedback {
-  display: none;
-  margin-top: .25rem;
-  font-size: .875rem;
-  color: $form-feedback-invalid-color;
-}
-
-.invalid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  width: 250px;
-  padding: .5rem;
-  margin-top: .1rem;
-  font-size: .875rem;
-  line-height: 1;
-  color: #fff;
-  background-color: rgba($form-feedback-invalid-color,.8);
-  border-radius: .2rem;
-}
-
 @include form-validation-state("valid", $form-feedback-valid-color);
 @include form-validation-state("invalid", $form-feedback-invalid-color);
 
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index d38c7a8198..6403f469d9 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -23,6 +23,28 @@
 
 @mixin form-validation-state($state, $color) {
 
+  .#{$state}-feedback {
+    display: none;
+    margin-top: .25rem;
+    font-size: .875rem;
+    color: $color;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    width: 250px;
+    padding: .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    line-height: 1;
+    color: #fff;
+    background-color: rgba($color,.8);
+    border-radius: .2rem;
+  }
+
   .form-control,
   .custom-select {
     .was-validated &:#{$state},