diff options
| author | Mark Otto <[email protected]> | 2019-10-02 12:19:45 -0700 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-10-02 22:19:45 +0300 |
| commit | 707973ebdd2ea058b297456ee6c7b0a27b725089 (patch) | |
| tree | c117707f295ba41d48479ebbf04256854e02c1b6 /scss/forms | |
| parent | c306e963e8f75cf4e2b5b7b656266b6df01c8b83 (diff) | |
| download | bootstrap-707973ebdd2ea058b297456ee6c7b0a27b725089.tar.xz bootstrap-707973ebdd2ea058b297456ee6c7b0a27b725089.zip | |
v5: .form-check layout changes (#29322)
* Scope .form-check-input layout to the .form-check parent
* Remove margin-bottom from list-group-items in case they are label elements
* document .form-check in input groups and list groups, and cleanup the no-label examples in the main .form-check docs
Diffstat (limited to 'scss/forms')
| -rw-r--r-- | scss/forms/_form-check.scss | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index bd35b6b04..88b4ab6ef 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -7,14 +7,17 @@ min-height: $form-check-min-height; padding-left: $form-check-padding-left; margin-bottom: $form-check-margin-bottom; + + .form-check-input { + float: left; + margin-left: $form-check-padding-left * -1; + } } .form-check-input { - float: left; width: $form-check-input-width; height: $form-check-input-width; margin-top: ($line-height-base - $form-check-input-width) / 2; // line-height minus check height - margin-left: $form-check-padding-left * -1; background-color: $form-check-input-bg; border: $form-check-input-border; appearance: none; |