aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/sliders.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/components/sliders.scss')
-rw-r--r--src/sass/components/sliders.scss45
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);
+ }
+ }
}