diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-03-31 21:02:57 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-03-31 21:02:57 +0300 |
commit | df707cd7272f9165dda895f08bdd15d093d96a25 (patch) | |
tree | 81c2effffc72b50164668054f2f0db7931bb02ab /scss/forms | |
parent | a0c2a29a8dbb563fb84591522c6412063df70d59 (diff) |
Require `.form-label` classes on form labels (#30476)
Diffstat (limited to 'scss/forms')
-rw-r--r-- | scss/forms/_form-check.scss | 1 | ||||
-rw-r--r-- | scss/forms/_input-group.scss | 1 | ||||
-rw-r--r-- | scss/forms/_labels.scss | 13 |
3 files changed, 12 insertions, 3 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 03ae57385a..3666b6ab47 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -99,7 +99,6 @@ } .form-check-label { - margin-bottom: 0; color: $form-check-label-color; cursor: $form-check-label-cursor; } diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss index 878cb83d69..c8e86cebe5 100644 --- a/scss/forms/_input-group.scss +++ b/scss/forms/_input-group.scss @@ -63,7 +63,6 @@ display: flex; align-items: center; padding: $input-padding-y $input-padding-x; - margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom @include font-size($input-font-size); // Match inputs font-weight: $font-weight-normal; line-height: $input-line-height; diff --git a/scss/forms/_labels.scss b/scss/forms/_labels.scss index a3184b7d72..39ecafcd2f 100644 --- a/scss/forms/_labels.scss +++ b/scss/forms/_labels.scss @@ -2,14 +2,25 @@ // Labels // +.form-label { + margin-bottom: $form-label-margin-bottom; + @include font-size($form-label-font-size); + font-style: $form-label-font-style; + font-weight: $form-label-font-weight; + color: $form-label-color; +} + // For use with horizontal and inline forms, when you need the label (or legend) // text to align with the form controls. .col-form-label { padding-top: add($input-padding-y, $input-border-width); padding-bottom: add($input-padding-y, $input-border-width); - margin-bottom: 0; // Override the `<label>/<legend>` default + margin-bottom: 0; // Override the `<legend>` default @include font-size(inherit); // Override the `<legend>` default + font-style: $form-label-font-style; + font-weight: $form-label-font-weight; line-height: $input-line-height; + color: $form-label-color; } .col-form-label-lg { |