diff options
author | Sam Potts <sam@potts.es> | 2018-05-08 22:22:43 +1000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2018-05-08 22:22:43 +1000 |
commit | 34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93 (patch) | |
tree | f8f46e1f38bdfb28d8ccc146a4d014ca1ca05a31 /src/sass/components/poster.scss | |
parent | 403df36af6813acf762e2b85bae6b1584b781c59 (diff) | |
parent | f687b81b70a73835f0190fbfa17a0fbbfcd28b7a (diff) | |
download | plyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.tar.lz plyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.tar.xz plyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.zip |
Merge branch 'master' into develop
Diffstat (limited to 'src/sass/components/poster.scss')
-rw-r--r-- | src/sass/components/poster.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/sass/components/poster.scss b/src/sass/components/poster.scss new file mode 100644 index 00000000..b2518a78 --- /dev/null +++ b/src/sass/components/poster.scss @@ -0,0 +1,22 @@ +// -------------------------------------------------------------- +// Faux poster overlay +// -------------------------------------------------------------- + +.plyr__poster { + background-color: #000; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: 100% 100%; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + transition: opacity 0.3s ease; + width: 100%; + z-index: 1; +} + +.plyr--stopped .plyr__poster { + opacity: 1; +} |