40 lines
1.3 KiB
SCSS
40 lines
1.3 KiB
SCSS
// ==========================================================================
|
|
// Sliders
|
|
// ==========================================================================
|
|
|
|
// Thumb
|
|
$plyr-range-thumb-height: var(--plyr-range-thumb-height, 13px) !default;
|
|
$plyr-range-thumb-background: var(--plyr-range-thumb-background, #fff) !default;
|
|
$plyr-range-thumb-shadow: var(
|
|
--plyr-range-thumb-shadow,
|
|
0 1px 1px rgba($plyr-color-gray-900, 0.15),
|
|
0 0 0 1px rgba($plyr-color-gray-900, 0.2)
|
|
) !default;
|
|
|
|
// Active state
|
|
$plyr-range-thumb-active-shadow-width: var(--plyr-range-thumb-active-shadow-width, 3px) !default;
|
|
|
|
// Track
|
|
$plyr-range-track-height: var(--plyr-range-track-height, 5px) !default;
|
|
|
|
// Fill
|
|
$plyr-range-fill-background: var(--plyr-range-fill-background, var(--plyr-color-main, $plyr-color-main)) !default;
|
|
|
|
// Type specific
|
|
$plyr-video-range-track-background: var(
|
|
--plyr-video-range-track-background,
|
|
$plyr-video-progress-buffered-background
|
|
) !default;
|
|
$plyr-video-range-thumb-active-shadow-color: var(
|
|
--plyr-audio-range-thumb-active-shadow-color,
|
|
rgba(#fff, 0.5)
|
|
) !default;
|
|
$plyr-audio-range-track-background: var(
|
|
--plyr-audio-range-track-background,
|
|
$plyr-audio-progress-buffered-background
|
|
) !default;
|
|
$plyr-audio-range-thumb-active-shadow-color: var(
|
|
--plyr-audio-range-thumb-active-shadow-color,
|
|
rgba($plyr-color-gray-900, 0.1)
|
|
) !default;
|