Input group addon sass customization options (#31729)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 92045186dcbe286d333ed49de1a5b548a23f1f9d..8f47509d61086b4ee5c13ced2b4aa8a5b3cfa331 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -720,6 +720,9 @@ $form-switch-checked-bg-position: right center !default;
 
 $form-check-inline-margin-right:        1rem !default;
 
+$input-group-addon-padding-y:           $input-padding-y !default;
+$input-group-addon-padding-x:           $input-padding-x !default;
+$input-group-addon-font-weight:         $input-font-weight !default;
 $input-group-addon-color:               $input-color !default;
 $input-group-addon-bg:                  $gray-200 !default;
 $input-group-addon-border-color:        $input-border-color !default;

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index c8e86cebe5c39d2cdfead42f97096b2227ef621b..7a9a14dd7be330f0390718c0a161759cc694ee81 100644 (file)
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -62,9 +62,9 @@
 .input-group-text {
   display: flex;
   align-items: center;
-  padding: $input-padding-y $input-padding-x;
+  padding: $input-group-addon-padding-y $input-group-addon-padding-x;
   @include font-size($input-font-size); // Match inputs
-  font-weight: $font-weight-normal;
+  font-weight: $input-group-addon-font-weight;
   line-height: $input-line-height;
   color: $input-group-addon-color;
   text-align: center;