More work on custom properties and documentation
This commit is contained in:
@ -5,7 +5,6 @@
|
||||
// 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-border: var(--plyr-range-thumb-border, 2px solid transparent) !default;
|
||||
$plyr-range-thumb-shadow: var(
|
||||
--plyr-range-thumb-shadow,
|
||||
0 1px 1px rgba($plyr-color-gray-900, 0.15),
|
||||
@ -13,15 +12,10 @@ $plyr-range-thumb-shadow: var(
|
||||
) !default;
|
||||
|
||||
// Active state
|
||||
$plyr-range-thumb-active-shadow-color: var(--plyr-range-thumb-active-shadow-color, rgba(#fff, 0.5));
|
||||
$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;
|
||||
$plyr-range-max-height: var(
|
||||
--plyr-range-max-height,
|
||||
calc((#{$plyr-range-thumb-active-shadow-width} * 2) + #{$plyr-range-thumb-height})
|
||||
) !default;
|
||||
|
||||
// Fill
|
||||
$plyr-range-fill-background: var(--plyr-range-fill-background, var(--plyr-color-main, $plyr-color-main)) !default;
|
||||
@ -31,11 +25,16 @@ $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-shadow-color: var(
|
||||
--plyr-audio-range-thumb-shadow-color,
|
||||
$plyr-audio-range-thumb-active-shadow-color: var(
|
||||
--plyr-audio-range-thumb-active-shadow-color,
|
||||
rgba($plyr-color-gray-900, 0.1)
|
||||
) !default;
|
||||
|
Reference in New Issue
Block a user