diff options
| author | Sam Potts <sam@potts.es> | 2020-02-10 11:23:57 +0000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-02-10 11:23:57 +0000 |
| commit | 5837c2d5f0bdbf156bb591a6e0e02ba62e973e29 (patch) | |
| tree | ea8fecf6f8bd93a3ec44a870ce4985e6b1f92d63 /src/sass/components/sliders.scss | |
| parent | e50b35d195316a1aee28797de26b3d7b42daa0be (diff) | |
| download | plyr-5837c2d5f0bdbf156bb591a6e0e02ba62e973e29.tar.lz plyr-5837c2d5f0bdbf156bb591a6e0e02ba62e973e29.tar.xz plyr-5837c2d5f0bdbf156bb591a6e0e02ba62e973e29.zip | |
SASS orginasation clean up and flex-direction added
Diffstat (limited to 'src/sass/components/sliders.scss')
| -rw-r--r-- | src/sass/components/sliders.scss | 72 |
1 files changed, 1 insertions, 71 deletions
diff --git a/src/sass/components/sliders.scss b/src/sass/components/sliders.scss index ee64271b..7b519fc6 100644 --- a/src/sass/components/sliders.scss +++ b/src/sass/components/sliders.scss @@ -19,11 +19,7 @@ &::-webkit-slider-runnable-track { @include plyr-range-track(); - background-image: linear-gradient( - to right, - currentColor var(--value, 0%), - transparent var(--value, 0%) - ); + background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } &::-webkit-slider-thumb { @@ -96,69 +92,3 @@ } } } - -// Video range inputs -.plyr--full-ui.plyr--video input[type='range'] { - &::-webkit-slider-runnable-track { - background-color: $plyr-video-range-track-bg; - } - - &::-moz-range-track { - background-color: $plyr-video-range-track-bg; - } - - &::-ms-track { - background-color: $plyr-video-range-track-bg; - } - - // Pressed styles - &:active { - &::-webkit-slider-thumb { - @include plyr-range-thumb-active(); - } - - &::-moz-range-thumb { - @include plyr-range-thumb-active(); - } - - &::-ms-thumb { - @include plyr-range-thumb-active(); - } - } -} - -// Audio range inputs -.plyr--full-ui.plyr--audio input[type='range'] { - &::-webkit-slider-runnable-track { - background-color: $plyr-audio-range-track-bg; - } - - &::-moz-range-track { - background-color: $plyr-audio-range-track-bg; - } - - &::-ms-track { - background-color: $plyr-audio-range-track-bg; - } - - // Pressed styles - &:active { - &::-webkit-slider-thumb { - @include plyr-range-thumb-active( - $plyr-audio-range-thumb-shadow-color - ); - } - - &::-moz-range-thumb { - @include plyr-range-thumb-active( - $plyr-audio-range-thumb-shadow-color - ); - } - - &::-ms-thumb { - @include plyr-range-thumb-active( - $plyr-audio-range-thumb-shadow-color - ); - } - } -} |