fix(forms): unitless `line-height` for floating labels (#34161)

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 11819f440036ad0cba0c973fa05f22cf12336cdf..93ccb25a56f18ae733807394c106c76b774541fe 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -859,6 +859,7 @@ $form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%) !default
 
 // scss-docs-start form-floating-variables
 $form-floating-height:            add(3.5rem, $input-height-border) !default;
+$form-floating-line-height:       1.25 !default;
 $form-floating-padding-x:         $input-padding-x !default;
 $form-floating-padding-y:         1rem !default;
 $form-floating-input-padding-t:   1.625rem !default;

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
index 09d9294dc57b87326276b32e53ef3c89c21410eb..2f4295480366723d6ef272d386964d1f3260b1a3 100644 (file)
--- a/scss/forms/_floating-labels.scss
+++ b/scss/forms/_floating-labels.scss
@@ -4,6 +4,7 @@
   > .form-control,
   > .form-select {
     height: $form-floating-height;
+    line-height: $form-floating-line-height;
   }
 
   > label {