diff options
| author | Sam Potts <me@sampotts.me> | 2016-01-25 08:36:53 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-01-25 08:36:53 +1100 |
| commit | 3127cea1b238bcb20d316943ee81448c45c4cc9a (patch) | |
| tree | 4f6035d5cbdb9ed6fdb089b528971c99bedc6bcb /src/sass/plyr.scss | |
| parent | a965d8a893a6885848c5c4cceab9f96265c7fa21 (diff) | |
| download | plyr-3127cea1b238bcb20d316943ee81448c45c4cc9a.tar.lz plyr-3127cea1b238bcb20d316943ee81448c45c4cc9a.tar.xz plyr-3127cea1b238bcb20d316943ee81448c45c4cc9a.zip | |
SASS fix (fixes #149)
Diffstat (limited to 'src/sass/plyr.scss')
| -rw-r--r-- | src/sass/plyr.scss | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 36c157e4..fd905af0 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -637,33 +637,33 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the la left: 0; right: 0; } + } - // Hide controls when playing in full screen - &--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__captions { - bottom: ($plyr-control-spacing / 2); - transition: bottom .3s .2s ease; - } - &.plyr--hover .plyr__controls { - transform: translateY(0); - } + // Hide controls when playing in full screen + &--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__captions { + bottom: ($plyr-control-spacing / 2); + transition: bottom .3s .2s ease; } + &.plyr--hover .plyr__controls { + transform: translateY(0); + } + } - // Captions - &.plyr--fullscreen .plyr__captions, - &--fullscreen-active .plyr__captions, - &--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions { - top: auto; - bottom: 90px; + // Captions + &.plyr--fullscreen .plyr__captions, + &--fullscreen-active .plyr__captions, + &--fullscreen--hide-controls.plyr--fullscreen-active.plyr--playing.plyr--hover .plyr__captions { + top: auto; + bottom: 90px; - @media (min-width: $plyr-bp-control-split) { - bottom: 60px; - } + @media (min-width: $plyr-bp-control-split) { + bottom: 60px; } } |