diff options
| author | Sam Potts <me@sampotts.me> | 2017-11-06 20:24:07 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2017-11-06 20:24:07 +1100 |
| commit | 1578525ee38a50b31266bc9ba3ecd62705d4a5d5 (patch) | |
| tree | 9dfa71bfa016f35d4d7cb7e62449d61cc62ff57b /src/less/components/embed.less | |
| parent | 62c1b368cf254fdaba2612a308b6ce0a51ec853c (diff) | |
| download | plyr-1578525ee38a50b31266bc9ba3ecd62705d4a5d5.tar.lz plyr-1578525ee38a50b31266bc9ba3ecd62705d4a5d5.tar.xz plyr-1578525ee38a50b31266bc9ba3ecd62705d4a5d5.zip | |
Finished aspect ratio setting
Diffstat (limited to 'src/less/components/embed.less')
| -rw-r--r-- | src/less/components/embed.less | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less index dcf889b7..7860f671 100644 --- a/src/less/components/embed.less +++ b/src/less/components/embed.less @@ -6,7 +6,7 @@ .plyr__video-embed { // Default to 16:9 ratio but this is set by JavaScript based on config @padding: ((100 / 16) * 9); - @offset: unit((100 - @padding) / 2, ~'%'); + @offset: unit((400 - @padding) / 8, ~'%'); padding-bottom: unit(@padding, ~'%'); height: 0; @@ -24,7 +24,7 @@ // Vimeo hack > div { position: relative; - padding-bottom: 100%; + padding-bottom: 400%; transform: translateY(-@offset); } } |