aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/poster.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/components/poster.scss')
-rw-r--r--src/sass/components/poster.scss22
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;
+}