ASCII text
1
/* Scrollbars */
2
StScrollView {
4
&.vfade { -st-vfade-offset: 32px; }
5
&.hfade { -st-hfade-offset: 32px; }
6
}
7
StScrollBar {
9
padding: 0;
10
StScrollView & {
12
min-width: 16px;
13
min-height: 16px;
14
}
15
StBin#trough {
17
margin: 4px;
18
border-radius: (8px / 2);
19
background-color: disabled-stroke($on-surface);
20
}
21
StButton#vhandle,
23
StButton#hhandle {
24
transition-duration: $duration;
25
margin: 4px;
26
// would be nice to margin or at least to transparent
27
// border: 4px solid transparent;
28
border-radius: (8px / 2);
29
background-color: scrollbar-thumb($on-surface);
30
&:hover {
32
background-color: scrollbar-thumb($on-surface, "hover");
33
}
34
&:active {
36
background-color: scrollbar-thumb($on-surface, "pressed");
37
}
38
}
39
}
40
%scrollbar-on-dark {
42
StBin#trough {
43
background-color: disabled-stroke($on-dark);
44
}
45
StButton#vhandle,
47
StButton#hhandle {
48
background-color: scrollbar-thumb($on-dark);
49
&:hover {
51
background-color: scrollbar-thumb($on-dark, "hover");
52
}
53
&:active {
55
background-color: scrollbar-thumb($on-dark, "pressed");
56
}
57
}
58
}
59