aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/plyr.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/plyr.scss')
-rw-r--r--src/sass/plyr.scss13
1 files changed, 7 insertions, 6 deletions
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index bbd52579..5a94d17d 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -626,24 +626,25 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the la
}
// Hide controls when playing in full screen
- &--fullscreen--hide-controls&--fullscreen-active&--playing {
+ &--fullscreen-active.plyr--fullscreen--hide-controls.plyr--playing,
+ &.plyr--fullscreen.plyr--fullscreen--hide-controls.plyr--playing {
.plyr__controls {
transform: translateY(100%) translateY($plyr-control-spacing / 2);
transition: transform .3s .2s ease;
}
- &.plyr--hover .plyr__controls {
- transform: translateY(0);
- }
.plyr__captions {
bottom: ($plyr-control-spacing / 2);
transition: bottom .3s .2s ease;
}
+ &.plyr--hover .plyr__controls {
+ transform: translateY(0);
+ }
}
// Captions
- &--fullscreen .plyr__captions,
+ &.plyr--fullscreen .plyr__captions,
&--fullscreen-active .plyr__captions,
- &--fullscreen--hide-controls&--fullscreen-active&--playing&--hover &__captions {
+ &--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions {
top: auto;
bottom: 90px;