aboutsummaryrefslogtreecommitdiffstats
path: root/src/less
diff options
context:
space:
mode:
Diffstat (limited to 'src/less')
-rw-r--r--src/less/plyr.less20
1 files changed, 19 insertions, 1 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less
index 65918665..f480ed3f 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -110,8 +110,11 @@
.seek-thumb() {
background: transparent;
border: 0;
- width: (@plyr-control-spacing * 4);
+ width: 1px;
height: @plyr-control-spacing;
+}
+.seek-thumb-touch() {
+ width: (@plyr-control-spacing * 4);
transform: translateX(-50%);
}
.seek-track() {
@@ -495,6 +498,21 @@
}
}
+ // Touch seek wider handle
+ &--is-touch &--seek[type='range'] {
+ &::-webkit-slider-thumb {
+ .seek-thumb-touch();
+ }
+ // Mozilla
+ &::-moz-range-thumb {
+ .seek-thumb-touch();
+ }
+ // Microsoft
+ &::-ms-thumb {
+ .seek-thumb-touch();
+ }
+ }
+
// Loading state
&--loading .plyr__progress--buffer {
animation: plyr-progress 1s linear infinite;