|
1 | 1 | @import('./Tab')
|
2 | 2 |
|
3 | 3 | .container
|
4 |
| - display: flex |
5 |
| - flex-direction: column |
6 |
| - align-items: center |
7 |
| - justify-content: center |
| 4 | + display flex |
| 5 | + flex-direction column |
| 6 | + align-items center |
| 7 | + justify-content center |
8 | 8 | position relative
|
9 |
| - margin-bottom: 2em |
| 9 | + margin-bottom 2em |
10 | 10 | margin-left 2em
|
11 | 11 |
|
12 | 12 | .box-minmax
|
|
27 | 27 | background $ui-backgroundColor
|
28 | 28 |
|
29 | 29 | div[id^="secondRow"]
|
30 |
| - position absolute; |
31 |
| - z-index 2; |
32 |
| - left 0; |
33 |
| - top 0; |
34 |
| - margin-bottom -42px; |
| 30 | + position absolute |
| 31 | + z-index 2 |
| 32 | + left 0 |
| 33 | + top 0 |
| 34 | + margin-bottom -42px |
35 | 35 | .rs-label
|
36 | 36 | margin-left -20px
|
37 | 37 |
|
38 | 38 | div[id^="firstRow"]
|
39 |
| - position absolute; |
40 |
| - z-index 2; |
41 |
| - left 0; |
42 |
| - top 0; |
43 |
| - margin-bottom -25px; |
| 39 | + position absolute |
| 40 | + z-index 2 |
| 41 | + left 0 |
| 42 | + top 0 |
| 43 | + margin-bottom -25px |
44 | 44 | .rs-range
|
45 | 45 | &::-webkit-slider-thumb
|
46 |
| - margin-top: 0px |
47 |
| - transform: rotate(180deg) |
| 46 | + margin-top 0px |
| 47 | + transform rotate(180deg) |
48 | 48 | .rs-label
|
49 | 49 | margin-bottom -85px
|
50 | 50 | margin-top 85px
|
51 | 51 |
|
52 | 52 |
|
53 | 53 | .rs-range
|
54 |
| - margin-top: 29px |
55 |
| - width: 600px |
56 |
| - -webkit-appearance: none |
| 54 | + margin-top 29px |
| 55 | + width 600px |
| 56 | + -webkit-appearance none |
57 | 57 | &:focus
|
58 |
| - outline: black |
| 58 | + outline black |
59 | 59 | &::-webkit-slider-runnable-track
|
60 |
| - width: 100% |
61 |
| - height: 0.1px |
62 |
| - cursor: pointer |
63 |
| - box-shadow: none |
64 |
| - background: $ui-backgroundColor |
65 |
| - border-radius: 0px |
66 |
| - border: 0px solid #010101 |
| 60 | + width 100% |
| 61 | + height 0.1px |
| 62 | + cursor pointer |
| 63 | + box-shadow none |
| 64 | + background $ui-backgroundColor |
| 65 | + border-radius 0px |
| 66 | + border 0px solid #010101 |
67 | 67 | cursor none
|
68 | 68 |
|
69 | 69 | &::-webkit-slider-thumb
|
70 |
| - box-shadow: none |
71 |
| - border: 1px solid $ui-borderColor |
72 |
| - box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25) |
73 |
| - height: 32px |
74 |
| - width: 32px |
75 |
| - border-radius: 22px |
76 |
| - background: white |
77 |
| - cursor: pointer |
78 |
| - -webkit-appearance: none |
79 |
| - margin-top: -20px |
80 |
| - border-color: $ui-default-button-backgroundColor |
| 70 | + box-shadow none |
| 71 | + border 1px solid $ui-borderColor |
| 72 | + box-shadow 0px 10px 10px rgba(0, 0, 0, 0.25) |
| 73 | + height 32px |
| 74 | + width 32px |
| 75 | + border-radius 22px |
| 76 | + background white |
| 77 | + cursor pointer |
| 78 | + -webkit-appearance none |
| 79 | + margin-top -20px |
| 80 | + border-color $ui-default-button-backgroundColor |
81 | 81 | height 32px
|
82 |
| - border-top-left-radius: 10% |
83 |
| - border-top-right-radius: 10% |
| 82 | + border-top-left-radius 10% |
| 83 | + border-top-right-radius 10% |
84 | 84 |
|
85 | 85 | .rs-label
|
86 |
| - position: relative |
87 |
| - transform-origin: center center |
88 |
| - display: block |
89 |
| - background: transparent |
90 |
| - border-radius: none |
91 |
| - line-height: 30px |
92 |
| - font-weight: normal |
93 |
| - box-sizing: border-box |
94 |
| - border: none |
95 |
| - margin-bottom: -5px |
96 |
| - margin-top: -10px |
97 |
| - clear:both; |
98 |
| - float:left; |
| 86 | + position relative |
| 87 | + transform-origin center center |
| 88 | + display block |
| 89 | + background transparent |
| 90 | + border-radius none |
| 91 | + line-height 30px |
| 92 | + font-weight normal |
| 93 | + box-sizing border-box |
| 94 | + border none |
| 95 | + margin-bottom -5px |
| 96 | + margin-top -10px |
| 97 | + clear both |
| 98 | + float left |
99 | 99 | height 17px
|
100 |
| - margin-left: -25px |
101 |
| - left: attr(value) |
102 |
| - color: $ui-text-color |
103 |
| - font-style: normal |
104 |
| - font-weight: normal |
105 |
| - line-height: normal |
106 |
| - font-size: $tab--button-font-size |
| 100 | + margin-left -25px |
| 101 | + left attr(value) |
| 102 | + color $ui-text-color |
| 103 | + font-style normal |
| 104 | + font-weight normal |
| 105 | + line-height normal |
| 106 | + font-size $tab--button-font-size |
107 | 107 | .root
|
108 | 108 | padding 15px
|
109 | 109 | color $ui-text-color
|
|
0 commit comments