diff options
| author | Mark Otto <[email protected]> | 2021-04-10 19:58:24 +0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2021-09-07 21:57:20 +0300 |
| commit | 3ae9ffad77626f5e0a5690fd3c339dccdc5c63c1 (patch) | |
| tree | fe976fde3ef4bfc1153cd2bb2e7f1fede0208fe5 /scss/forms/_form-check.scss | |
| parent | 0d81d3cbc14dfcdca8a868e3f25189a4f1ab273c (diff) | |
| download | bootstrap-form-check-reverse.tar.xz bootstrap-form-check-reverse.zip | |
Add .form-check-reverse modifier classform-check-reverse
Diffstat (limited to 'scss/forms/_form-check.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 6321b4100..6800a96a1 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; @@ -129,6 +141,16 @@ } } } + + &.form-check-reverse { + padding-right: $form-check-padding-start; + padding-left: 0; + + .form-check-input { + margin-right: $form-switch-padding-start * -1; + margin-left: 0; + } + } } .form-check-inline { |