diff options
| author | Mark Otto <[email protected]> | 2022-02-08 12:33:39 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-02-08 12:33:39 -0800 |
| commit | 4308b67e59bfb47d386c3cc585e4a0fb759f6de6 (patch) | |
| tree | 0de8be5f2799435188fffcdabf386856913e6dcd /scss | |
| parent | 71a211f2bd199892975ec7d5d6a3d35fdcc9fbc8 (diff) | |
| download | bootstrap-4308b67e59bfb47d386c3cc585e4a0fb759f6de6.tar.xz bootstrap-4308b67e59bfb47d386c3cc585e4a0fb759f6de6.zip | |
Add `.form-check-reverse` modifier class (#33606)
* Add .form-check-reverse modifier class
* Update checks-radios.md
Co-authored-by: XhmikosR <[email protected]>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/forms/_form-check.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index a52a2e7c8..8e7cbed43 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -14,6 +14,18 @@ } } +.form-check-reverse { + padding-right: $form-check-padding-start; + padding-left: 0; + text-align: right; + + .form-check-input { + float: right; + margin-right: $form-check-padding-start * -1; + margin-left: 0; + } +} + .form-check-input { width: $form-check-input-width; height: $form-check-input-width; @@ -130,6 +142,16 @@ } } } + + &.form-check-reverse { + padding-right: $form-switch-padding-start; + padding-left: 0; + + .form-check-input { + margin-right: $form-switch-padding-start * -1; + margin-left: 0; + } + } } .form-check-inline { |