From 5be3b52fbb560e1dcdaa91c357291e88082c4294 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Thu, 9 Jan 2020 15:33:13 +0100 Subject: [PATCH] feat(forms): labels positionning --- scss/_forms.scss | 4 ++-- scss/_variables.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/scss/_forms.scss b/scss/_forms.scss index 5c9021ad5b..63e180d260 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -11,7 +11,7 @@ label { } &.is-required::after { - margin-left: 6px; + margin-left: $label-margin-bottom; font-weight: $font-weight-bold; color: theme-color("primary"); content: "*"; @@ -27,7 +27,7 @@ label { display: block; width: 100%; height: $input-height; - padding: $input-padding-y $input-padding-x; + padding: subtract($input-padding-y, 1px) $input-padding-x add($input-padding-y, 1px); // Boosted mod font-family: $input-font-family; @include font-size($input-font-size); font-weight: $input-font-weight; diff --git a/scss/_variables.scss b/scss/_variables.scss index 6f0962c16c..a9e6351498 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -540,7 +540,7 @@ $btn-social-icon-size: $spacer !default; // Forms -$label-margin-bottom: map-get($spacers, 2) !default; +$label-margin-bottom: .375rem !default; $input-padding-y: $input-btn-padding-y !default; $input-padding-x: map-get($spacers, 2) !default; // Boosted mod input padding x is not the same as buttons padding-x!