aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/less/plyr.less7
-rw-r--r--src/scss/plyr.scss7
2 files changed, 12 insertions, 2 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less
index 779f5eea..f78776f2 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -201,7 +201,9 @@
bottom: 0;
left: 0;
width: 100%;
- padding: (@plyr-control-spacing * 2) (@plyr-control-spacing * 2) (@plyr-control-spacing * 8);
+ padding: (@plyr-control-spacing * 2);
+ transform: translateY(-(@plyr-control-spacing * 6));
+ transition: transform .3s ease;
color: #fff;
font-size: @plyr-font-size-captions-base;
text-align: center;
@@ -226,6 +228,9 @@
.plyr--fullscreen-active .plyr__captions {
font-size: @plyr-font-size-captions-large;
}
+.plyr--hide-controls .plyr__captions {
+ transform: translateY(-(@plyr-control-spacing * 2));
+}
// Controls
// --------------------------------------------------------------
diff --git a/src/scss/plyr.scss b/src/scss/plyr.scss
index 79703bde..746b1834 100644
--- a/src/scss/plyr.scss
+++ b/src/scss/plyr.scss
@@ -201,7 +201,9 @@
bottom: 0;
left: 0;
width: 100%;
- padding: ($plyr-control-spacing * 2) ($plyr-control-spacing * 2) ($plyr-control-spacing * 8);
+ padding: ($plyr-control-spacing * 2);
+ transform: translateY(-($plyr-control-spacing * 6));
+ transition: transform .3s ease;
color: #fff;
font-size: $plyr-font-size-captions-base;
text-align: center;
@@ -226,6 +228,9 @@
.plyr--fullscreen-active .plyr__captions {
font-size: $plyr-font-size-captions-large;
}
+.plyr--hide-controls .plyr__captions {
+ transform: translateY(-($plyr-control-spacing * 2));
+}
// Controls
// --------------------------------------------------------------