aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/plyr.scss
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2015-10-04 19:27:30 +1100
committerSam Potts <me@sampotts.me>2015-10-04 19:27:30 +1100
commitdaec1baebc3f7d5423ecee2384e76e9e733d8cd3 (patch)
treee722823c2244fc27b3c21c7d489dba1064b3baff /src/sass/plyr.scss
parent0674e13bab50fea1b7e1a11924c62005b848d7d6 (diff)
downloadplyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.tar.lz
plyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.tar.xz
plyr-daec1baebc3f7d5423ecee2384e76e9e733d8cd3.zip
Source API changes, Vimeo fixes, still WIP
Diffstat (limited to 'src/sass/plyr.scss')
-rw-r--r--src/sass/plyr.scss10
1 files changed, 9 insertions, 1 deletions
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index de386cd8..71adb232 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -70,7 +70,6 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
// Animation
// ---------------------------------------
-
@keyframes progress {
to { background-position: $progress-loading-size 0; }
}
@@ -178,6 +177,8 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
&-video-embed {
padding-bottom: 56.25%; /* 16:9 */
height: 0;
+ overflow: hidden;
+ background: #000;
iframe {
position: absolute;
@@ -187,6 +188,13 @@ $bp-captions-large: 768px !default; // When captions jump to the larger
height: 100%;
border: 0;
}
+
+ // Vimeo hack
+ > div {
+ position: relative;
+ padding-bottom: 200%;
+ transform: translateY(-35.95%);
+ }
}
// Captions