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