Adds variables for form validation messages (#24767)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 99a5179a8119cbfa94d317d18a10b5635a24aa2c..acea370fb23e66a2cec233657b057885376aa851 100644 (file)
--- 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
index cea803de338063cb76763f54ed7b3a29dfc6acaf..9fe889cf562372ece754ff24c437945c0677737d 100644 (file)
--- 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;
   }