diff options
| author | ysds <[email protected]> | 2018-07-15 13:31:20 +0900 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-07-14 21:31:20 -0700 |
| commit | 48c723b60fdf067363ecb289ea33435252ed2168 (patch) | |
| tree | 0d1983bd97f94d823b6e5d6f95fe29dda801435c /scss/_variables.scss | |
| parent | 0fd40837e816869325e527eb292ba54d7de9c083 (diff) | |
| download | bootstrap-48c723b60fdf067363ecb289ea33435252ed2168.tar.xz bootstrap-48c723b60fdf067363ecb289ea33435252ed2168.zip | |
Fix custom range thumb style (#26385)
* Fix focus box shadow of custom ranges
* Put `:focus` selector right after `.custom-range`
* Remove unnecessary `outline: none`
* Fix box-shadow issues in IE/Edge
* Better align
* Fix thumb vertical positions in IE/Edge
* Fix incorrect formula of thumb vertical positions in Webkit
* Fix an incorrect comment
* Fix incorrect box-shadow-width
Diffstat (limited to 'scss/_variables.scss')
| -rw-r--r-- | scss/_variables.scss | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 6531a934f..94ea93578 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -537,14 +537,15 @@ $custom-range-track-bg: $gray-300 !default; $custom-range-track-border-radius: 1rem !default; $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default; -$custom-range-thumb-width: 1rem !default; -$custom-range-thumb-height: $custom-range-thumb-width !default; -$custom-range-thumb-bg: $component-active-bg !default; -$custom-range-thumb-border: 0 !default; -$custom-range-thumb-border-radius: 1rem !default; -$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default; -$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default; -$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default; +$custom-range-thumb-width: 1rem !default; +$custom-range-thumb-height: $custom-range-thumb-width !default; +$custom-range-thumb-bg: $component-active-bg !default; +$custom-range-thumb-border: 0 !default; +$custom-range-thumb-border-radius: 1rem !default; +$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default; +$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default; +$custom-range-thumb-focus-box-shadow-width: $input-btn-focus-width !default; // For focus box shadow issue in IE/Edge +$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default; $custom-file-height: $input-height !default; $custom-file-height-inner: $input-height-inner !default; |