| 1 | @charset "UTF-8";
|
| 2 | @import "../core/index-noreset.scss";
|
| 3 | @import "scss/mixin";
|
| 4 | @import "scss/variable";
|
| 5 |
|
| 6 | .#{$css-prefix} {
|
| 7 | &range {
|
| 8 | @include box-sizing;
|
| 9 | @include range-bounding();
|
| 10 |
|
| 11 | & {
|
| 12 | @include range-state(
|
| 13 | $range-normal-unselected-color,
|
| 14 | $range-normal-unselected-color-disabled,
|
| 15 | $range-normal-unselected-color-hover,
|
| 16 | $range-normal-selected-color,
|
| 17 | $range-normal-selected-color-disabled,
|
| 18 | $range-normal-selected-color-hover,
|
| 19 | $range-normal-slider-bg-color,
|
| 20 | $range-normal-slider-bg-color-disabled,
|
| 21 | $range-normal-slider-bg-color-hover,
|
| 22 | $range-normal-slider-border-color,
|
| 23 | $range-normal-slider-border-color-disabled,
|
| 24 | $range-normal-slider-border-color-hover,
|
| 25 | $range-normal-mark-color,
|
| 26 | $range-normal-mark-color-disabled,
|
| 27 | $range-normal-mark-color-hover,
|
| 28 | $range-normal-mark-selected-color,
|
| 29 | $range-normal-mark-selected-color-disabled,
|
| 30 | $range-normal-mark-selected-color-hover
|
| 31 | );
|
| 32 |
|
| 33 | @include range-size(
|
| 34 | $range-size-m-track-height,
|
| 35 | $range-size-m-scale-height,
|
| 36 | $range-size-m-slider-hw,
|
| 37 | $range-size-m-slider-shadow,
|
| 38 | $range-size-m-mark-font-size,
|
| 39 | $range-size-m-mark-font-weight,
|
| 40 | $range-size-m-mark-font-lineheight
|
| 41 | );
|
| 42 |
|
| 43 | @include range-hover(
|
| 44 | $range-normal-slider-bg-color-hover,
|
| 45 | $range-normal-selected-color-hover,
|
| 46 | $range-normal-unselected-color-hover
|
| 47 | );
|
| 48 |
|
| 49 | @include range-click();
|
| 50 | }
|
| 51 | }
|
| 52 |
|
| 53 | &range[dir=rtl] {
|
| 54 | .#{$css-prefix}range-mark {
|
| 55 | position: relative;
|
| 56 | cursor: auto;
|
| 57 | .#{$css-prefix}range-mark-text {
|
| 58 | position: absolute;
|
| 59 | right: 0;
|
| 60 | transform: translateX(50%);
|
| 61 | padding-right: 2px;
|
| 62 | text-align: center;
|
| 63 | }
|
| 64 | }
|
| 65 | }
|
| 66 | }
|