diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/less/plyr.less | 7 | ||||
-rw-r--r-- | src/scss/plyr.scss | 7 |
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 // -------------------------------------------------------------- |