From dbda13d5ef6897be41f1e872667f6aa30860efb4 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Ga=C3=ABl=20Poupard?= Date: Thu, 3 Jun 2021 18:02:46 +0200 Subject: [PATCH] fix(forms): unitless `line-height` for floating labels (#34161) Co-authored-by: Mark Otto Co-authored-by: XhmikosR --- scss/_variables.scss | 1 + scss/forms/_floating-labels.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/scss/_variables.scss b/scss/_variables.scss index 11819f4400..93ccb25a56 100644 --- 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 09d9294dc5..2f42954803 100644 --- 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 { -- 2.47.2