diff options
| author | Sam Potts <me@sampotts.me> | 2018-01-31 19:33:00 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2018-01-31 19:33:00 +1100 |
| commit | d76ef3ff914e0dca57c6f1e730188975d98acaa8 (patch) | |
| tree | 51705f63316edb6beb18e2e52c62fa89a7cd6aa9 /src/sass/components | |
| parent | 2691c7c9d6ab5bcc18b29f2487b2f2e3515329c8 (diff) | |
| download | plyr-d76ef3ff914e0dca57c6f1e730188975d98acaa8.tar.lz plyr-d76ef3ff914e0dca57c6f1e730188975d98acaa8.tar.xz plyr-d76ef3ff914e0dca57c6f1e730188975d98acaa8.zip | |
Small UI tweaks and fix for instanceof issue
Diffstat (limited to 'src/sass/components')
| -rw-r--r-- | src/sass/components/sliders.scss | 45 |
1 files changed, 30 insertions, 15 deletions
diff --git a/src/sass/components/sliders.scss b/src/sass/components/sliders.scss index 13895faa..62b8d7a9 100644 --- a/src/sass/components/sliders.scss +++ b/src/sass/components/sliders.scss @@ -91,21 +91,6 @@ @include plyr-tab-focus(); } } - - // 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(); - } - } } // Video range inputs @@ -121,6 +106,21 @@ &::-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 @@ -136,4 +136,19 @@ &::-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); + } + } } |