2019-12-18 16:25:03 -05:00
|
|
|
/* Scrollbars */
|
|
|
|
|
|
|
|
StScrollView {
|
2019-12-19 10:38:27 -05:00
|
|
|
&.vfade { -st-vfade-offset: 68px; }
|
|
|
|
&.hfade { -st-hfade-offset: 68px; }
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
StScrollBar {
|
2019-12-19 10:38:27 -05:00
|
|
|
padding: 0;
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
StScrollView & {
|
2022-02-07 12:37:54 -05:00
|
|
|
min-width: 8px;
|
|
|
|
min-height: 8px;
|
2019-12-19 10:38:27 -05:00
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
StBin#trough {
|
|
|
|
border-radius: 0;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
StButton#vhandle, StButton#hhandle {
|
|
|
|
border-radius: 8px;
|
2022-02-07 12:37:54 -05:00
|
|
|
background-color: mix($fg_color, $bg_color, 30%);
|
|
|
|
border: 3px solid transparent; //would be nice to margin or at least to transparent
|
|
|
|
transition: 500ms all ease;
|
|
|
|
&:hover {background-color: mix($fg_color, $bg_color, 50%);}
|
|
|
|
&:active {background-color: mix($fg_color, $bg_color, 40%);}
|
2019-12-19 10:38:27 -05:00
|
|
|
}
|
2022-02-02 13:17:42 -05:00
|
|
|
}
|