aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-05-08 22:22:43 +1000
committerSam Potts <sam@potts.es>2018-05-08 22:22:43 +1000
commit34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93 (patch)
treef8f46e1f38bdfb28d8ccc146a4d014ca1ca05a31 /src/sass/components
parent403df36af6813acf762e2b85bae6b1584b781c59 (diff)
parentf687b81b70a73835f0190fbfa17a0fbbfcd28b7a (diff)
downloadplyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.tar.lz
plyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.tar.xz
plyr-34401de3d03e61eb7d1a04f6f0b7599e7ce9cd93.zip
Merge branch 'master' into develop
Diffstat (limited to 'src/sass/components')
-rw-r--r--src/sass/components/embed.scss4
-rw-r--r--src/sass/components/poster.scss22
-rw-r--r--src/sass/components/tooltips.scss1
3 files changed, 25 insertions, 2 deletions
diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss
index d72836de..be807739 100644
--- a/src/sass/components/embed.scss
+++ b/src/sass/components/embed.scss
@@ -32,8 +32,8 @@ $embed-padding: ((100 / 16) * 9);
pointer-events: none;
}
- // Vimeo hack
- > div {
+ // Only used for Vimeo
+ > .plyr__video-embed__container {
padding-bottom: to-percentage($height);
position: relative;
transform: translateY(-$offset);
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;
+}
diff --git a/src/sass/components/tooltips.scss b/src/sass/components/tooltips.scss
index 19a9ce56..537e2444 100644
--- a/src/sass/components/tooltips.scss
+++ b/src/sass/components/tooltips.scss
@@ -19,6 +19,7 @@
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
+ white-space: nowrap;
z-index: 2;
// The background triangle