2019-12-18 21:25:03 +00:00
|
|
|
/* Slider */
|
|
|
|
|
2021-12-28 13:46:54 +00:00
|
|
|
$slider_size: 16px;
|
2019-12-18 21:25:03 +00:00
|
|
|
|
|
|
|
.slider {
|
2019-12-19 15:38:27 +00:00
|
|
|
// slider trough
|
2021-12-28 13:46:54 +00:00
|
|
|
-barlevel-height: 4px;
|
2022-10-13 16:51:17 +00:00
|
|
|
-barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough
|
2021-12-28 13:46:54 +00:00
|
|
|
-barlevel-border-width: 2px;
|
|
|
|
-barlevel-border-color: transparent; // trough border color
|
2019-12-19 15:38:27 +00:00
|
|
|
// fill style
|
2021-12-28 13:46:54 +00:00
|
|
|
-barlevel-active-background-color: $selected_bg_color;
|
|
|
|
-barlevel-active-border-color: transparent;
|
2019-12-19 15:38:27 +00:00
|
|
|
// overfill style (red in this case)
|
|
|
|
-barlevel-overdrive-color: $destructive_color;
|
2021-12-28 13:46:54 +00:00
|
|
|
-barlevel-overdrive-border-color: transparent; //trough border when red;
|
2019-12-19 15:38:27 +00:00
|
|
|
-barlevel-overdrive-separator-width:1px;
|
2020-08-19 09:26:11 +00:00
|
|
|
// slider handler
|
2019-12-19 15:38:27 +00:00
|
|
|
-slider-handle-radius: $slider_size * 0.5; // half the size of the size
|
2021-12-28 13:46:54 +00:00
|
|
|
-slider-handle-border-width: 0;
|
|
|
|
-slider-handle-border-color: transparent; // because 0 width
|
2022-02-02 18:17:42 +00:00
|
|
|
}
|