aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components/embed.less
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2017-11-07 23:21:35 +1100
committerSam Potts <sam@potts.es>2017-11-07 23:21:35 +1100
commit3f41a0cf5417a3047aafa27894b57fb740d7d7da (patch)
treec1feaa0c6dda3dbec2741e50227f4cd4285f9c38 /src/less/components/embed.less
parentfae4ca12e02b87f54b1ee7a88815d0b150c46370 (diff)
parent84505da84ba97ae1b189f9c695228d324e9dc3b8 (diff)
downloadplyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.tar.lz
plyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.tar.xz
plyr-3f41a0cf5417a3047aafa27894b57fb740d7d7da.zip
Merge branch 'develop' of github.com:Selz/plyr into develop
# Conflicts: # readme.md
Diffstat (limited to 'src/less/components/embed.less')
-rw-r--r--src/less/components/embed.less10
1 files changed, 7 insertions, 3 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less
index f6b5b307..d31e4770 100644
--- a/src/less/components/embed.less
+++ b/src/less/components/embed.less
@@ -4,7 +4,11 @@
// --------------------------------------------------------------
.plyr__video-embed {
- padding-bottom: 56.25%; /* 16:9 */
+ // Default to 16:9 ratio but this is set by JavaScript based on config
+ @padding: ((100 / 16) * 9);
+ @offset: unit((300 - @padding) / 6, ~'%');
+
+ padding-bottom: unit(@padding, ~'%');
height: 0;
iframe {
@@ -20,8 +24,8 @@
// Vimeo hack
> div {
position: relative;
- padding-bottom: 200%;
- transform: translateY(-35.95%);
+ padding-bottom: 300%;
+ transform: translateY(-@offset);
}
}
// To allow mouse events to be captured if full support