diff options
| author | Gijs Boddeus <botje_gijs@hotmail.com> | 2018-12-14 17:22:19 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2018-12-14 17:22:19 +0300 |
| commit | 26c55951643f69ef6d479d6a65b3554b1fc09933 (patch) | |
| tree | 9623cbf445a32859e0122f4ae03413ffd4df28ca /scss | |
| parent | c618f671877c1b8cfcda3ccd708343c59f9cc40a (diff) | |
Custom switch form control gutter fix (#27837)
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_custom-forms.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index fc8f4c21d7..857a5b67a5 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -166,11 +166,11 @@ // Tweak a few things for switches .custom-switch { - padding-left: $custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size); + padding-left: $custom-switch-width + $custom-control-gutter; .custom-control-label { &::before { - left: -($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size)); + left: -($custom-switch-width + $custom-control-gutter); width: $custom-switch-width; pointer-events: all; border-radius: $custom-switch-indicator-border-radius; @@ -178,7 +178,7 @@ &::after { top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2}); - left: calc(#{-($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size))} + #{$custom-control-indicator-border-width * 2}); + left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2}); width: $custom-switch-indicator-size; height: $custom-switch-indicator-size; background-color: $custom-control-indicator-border-color; |