diff options
| author | Sam <me@sampotts.me> | 2016-04-26 22:24:20 +1000 |
|---|---|---|
| committer | Sam <me@sampotts.me> | 2016-04-26 22:24:20 +1000 |
| commit | 024706f2ffbf7d7f3ba7704cd63fbbde1cf166e1 (patch) | |
| tree | 8dc514fd1f3e89c7a8e9b612fe369d954605f8ff /src/less | |
| parent | 57b3b9e3f603f5457920e4328a82b5585294e7d9 (diff) | |
| download | plyr-024706f2ffbf7d7f3ba7704cd63fbbde1cf166e1.tar.lz plyr-024706f2ffbf7d7f3ba7704cd63fbbde1cf166e1.tar.xz plyr-024706f2ffbf7d7f3ba7704cd63fbbde1cf166e1.zip | |
Tab shows controls
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/plyr.less | 24 |
1 files changed, 11 insertions, 13 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index a5acdb79..d76eae48 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -322,12 +322,6 @@ // Controls // -------------------------------------------------------------- -// Shared -.plyr__controls, -.plyr__play-large { - transition: visibility .3s ease, opacity .3s ease; -} - // Playback controls .plyr__controls { display: flex; @@ -336,6 +330,8 @@ line-height: 1; text-align: center; + transition: opacity .3s ease; + // Spacing > button, .plyr__progress, @@ -398,6 +394,10 @@ } } } +// Hide controls +.plyr--hide-controls .plyr__controls { + opacity: 0; +} // Video controls .plyr--video .plyr__controls { @@ -452,6 +452,7 @@ border: 4px solid @plyr-video-control-color; border-radius: 100%; color: @plyr-video-control-color; + transition: opacity .3s ease, visibility .3s ease; svg { position: relative; @@ -469,6 +470,10 @@ .plyr--audio .plyr__play-large { display: none; } +.plyr--playing .plyr__play-large { + opacity: 0; + visibility: hidden; +} // States .plyr__controls [data-plyr='pause'], @@ -479,13 +484,6 @@ display: inline-block; } -// Hide controls -.plyr--hide-controls .plyr__controls, -.plyr--playing .plyr__play-large { - visibility: hidden; - opacity: 0; -} - // Change icons on state change .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted, |