diff options
| author | Sam Potts <sam@potts.es> | 2018-07-29 12:32:26 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-07-29 12:32:26 +1000 |
| commit | 3a8332bdb30e1f64047a0f8a3e60647f0473301b (patch) | |
| tree | 99f74d02f42205c7b25932ccaf5eefda4a13bea6 /src/sass/components/sliders.scss | |
| parent | 53a3d061038bd39628d3a47ca787311b2b36c496 (diff) | |
| download | plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.tar.lz plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.tar.xz plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.zip | |
Fix for webkit redrawing issue
Diffstat (limited to 'src/sass/components/sliders.scss')
| -rw-r--r-- | src/sass/components/sliders.scss | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/src/sass/components/sliders.scss b/src/sass/components/sliders.scss index b9264b05..ee64271b 100644 --- a/src/sass/components/sliders.scss +++ b/src/sass/components/sliders.scss @@ -19,7 +19,11 @@ &::-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 { @@ -140,15 +144,21 @@ // Pressed styles &:active { &::-webkit-slider-thumb { - @include plyr-range-thumb-active($plyr-audio-range-thumb-shadow-color); + @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); + @include plyr-range-thumb-active( + $plyr-audio-range-thumb-shadow-color + ); } &::-ms-thumb { - @include plyr-range-thumb-active($plyr-audio-range-thumb-shadow-color); + @include plyr-range-thumb-active( + $plyr-audio-range-thumb-shadow-color + ); } } } |