2019-07-18 16:22:11 +02:00
|
|
|
//
|
|
|
|
// Plugin: Bootstrap Slider
|
|
|
|
//
|
2019-06-14 09:33:43 +02:00
|
|
|
|
2019-11-07 08:36:32 +01:00
|
|
|
// Tooltip fix
|
|
|
|
.slider .tooltip.in {
|
|
|
|
opacity: $tooltip-opacity;
|
|
|
|
}
|
|
|
|
|
2019-06-14 09:33:43 +02:00
|
|
|
// Style override
|
|
|
|
.slider {
|
|
|
|
&.slider-vertical {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
&.slider-horizontal {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Colors
|
2019-07-18 16:22:11 +02:00
|
|
|
@each $name, $color in $theme-colors {
|
2019-06-14 09:33:43 +02:00
|
|
|
.slider-#{$name} .slider {
|
|
|
|
.slider-selection {
|
|
|
|
background: $color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-07-18 16:22:11 +02:00
|
|
|
@each $name, $color in $colors {
|
|
|
|
.slider-#{$name} .slider {
|
|
|
|
.slider-selection {
|
|
|
|
background: $color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-09-23 16:08:15 +02:00
|
|
|
|
2021-04-15 15:12:26 +02:00
|
|
|
@include dark-mode () {
|
2020-09-23 16:08:15 +02:00
|
|
|
.slider-track {
|
|
|
|
background-color: lighten($dark, 10%);
|
|
|
|
background-image: none;
|
|
|
|
}
|
2021-03-09 20:44:26 +01:00
|
|
|
|
|
|
|
@each $name, $color in $theme-colors-alt {
|
|
|
|
.slider-#{$name} .slider {
|
|
|
|
.slider-selection {
|
|
|
|
background: $color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@each $name, $color in $colors-alt {
|
|
|
|
.slider-#{$name} .slider {
|
|
|
|
.slider-selection {
|
|
|
|
background: $color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-09-23 16:08:15 +02:00
|
|
|
}
|