Adds variables for form validation messages (#24767)

twbs · Nov 15, 2017 · 1ee9cb0 · 1ee9cb0
1 parent 9a0bba9
commit 1ee9cb0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -515,6 +515,8 @@ $custom-file-text: (
 
 
 // Form validation
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
 $form-feedback-valid-color:         theme-color("success") !default;
 $form-feedback-invalid-color:       theme-color("danger") !default;
 

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
@@ -30,8 +30,8 @@
 
   .#{$state}-feedback {
     display: none;
-    margin-top: .25rem;
-    font-size: .875rem;
+    margin-top: $form-feedback-margin-top;
+    font-size: $form-feedback-font-size;
     color: $color;
   }