ASCII text
1
/* Slider */
2
$handle-size: 12px;
4
.slider {
6
height: 20px;
7
@if $version >= 3.30 {
9
// slider trough
10
-barlevel-height: 2px;
11
-barlevel-border-width: 0;
12
-barlevel-border-color: transparent;
13
-barlevel-background-color: stroke($on-surface);
14
// fill style
15
-barlevel-active-border-color: transparent;
16
-barlevel-active-background-color: $primary;
17
// overfill style
18
-barlevel-overdrive-color: $error;
19
-barlevel-overdrive-border-color: transparent;
20
-barlevel-overdrive-separator-width: 2px;
21
} @else {
22
// slider trough
23
-slider-height: 2px;
24
-slider-border-width: 0;
25
-slider-border-color: transparent;
26
-slider-background-color: stroke($on-surface);
27
// fill style
28
-slider-active-border-color: transparent;
29
-slider-active-background-color: $primary;
30
}
31
// slider handle
33
-slider-handle-radius: $handle-size / 2;
34
-slider-handle-border-width: 0;
35
-slider-handle-border-color: transparent;
36
&,
38
&:hover,
39
&:active {
40
color: $primary;
41
}
42
}
43