diff options
| author | Gaël Poupard <gael.poupard@orange.com> | 2020-06-26 17:06:20 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2020-12-04 08:52:03 +0300 |
| commit | 9488978fb55286ba83e8193a871d1ff9815045b9 (patch) | |
| tree | abb461d46722f107e54156709c88cf37ed9e24a6 /scss/forms | |
| parent | 71ecc3323fb60ea05456470d10d17b614fe6dc04 (diff) | |
feat(RTL): implement RTL
Using RTLCSS directives, renaming things to use logical names and following best practices.
Diffstat (limited to 'scss/forms')
| -rw-r--r-- | scss/forms/_form-check.scss | 10 | ||||
| -rw-r--r-- | scss/forms/_input-group.scss | 6 |
2 files changed, 8 insertions, 8 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 77af825f5f..1d6d87363d 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -5,12 +5,12 @@ .form-check { display: block; min-height: $form-check-min-height; - padding-left: $form-check-padding-left; + padding-left: $form-check-padding-start; margin-bottom: $form-check-margin-bottom; .form-check-input { float: left; - margin-left: $form-check-padding-left * -1; + margin-left: $form-check-padding-start * -1; } } @@ -105,11 +105,11 @@ // .form-switch { - padding-left: $form-switch-padding-left; + padding-left: $form-switch-padding-start; .form-check-input { width: $form-switch-width; - margin-left: $form-switch-padding-left * -1; + margin-left: $form-switch-padding-start * -1; background-image: escape-svg($form-switch-bg-image); background-position: left center; @include border-radius($form-switch-border-radius); @@ -132,7 +132,7 @@ .form-check-inline { display: inline-block; - margin-right: $form-check-inline-margin-right; + margin-right: $form-check-inline-margin-end; } .btn-check { diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss index 2729eccbd5..140052936c 100644 --- a/scss/forms/_input-group.scss +++ b/scss/forms/_input-group.scss @@ -98,14 +98,14 @@ &:not(.has-validation) { > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), > .dropdown-toggle:nth-last-child(n + 3) { - @include border-right-radius(0); + @include border-end-radius(0); } } &.has-validation { > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), > .dropdown-toggle:nth-last-child(n + 4) { - @include border-right-radius(0); + @include border-end-radius(0); } } @@ -116,6 +116,6 @@ > :not(:first-child):not(.dropdown-menu)#{$validation-messages} { margin-left: -$input-border-width; - @include border-left-radius(0); + @include border-start-radius(0); } } |