diff options
| author | Sam Potts <me@sampotts.me> | 2017-11-18 19:33:01 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2017-11-18 19:33:01 +1100 |
| commit | 5a244b7fedf185842b04f817eb07f49ae589d4a6 (patch) | |
| tree | 86bcff6d5b6f9843df0d4f1ad3da926569066662 /src/less/components/embed.less | |
| parent | 4dca4bf93c5cfcb8adb40b78528867de271b8361 (diff) | |
| parent | 6984d6fb1606a71edd35ac043ac1116b6de8e98b (diff) | |
| download | plyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.tar.lz plyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.tar.xz plyr-5a244b7fedf185842b04f817eb07f49ae589d4a6.zip | |
Merge branch 'develop' of https://github.com/Selz/plyr into develop
# Conflicts:
# dist/plyr.js
# dist/plyr.js.map
# src/js/controls.js
Diffstat (limited to 'src/less/components/embed.less')
| -rw-r--r-- | src/less/components/embed.less | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/less/components/embed.less b/src/less/components/embed.less index d31e4770..a50a432b 100644 --- a/src/less/components/embed.less +++ b/src/less/components/embed.less @@ -6,7 +6,8 @@ .plyr__video-embed { // Default to 16:9 ratio but this is set by JavaScript based on config @padding: ((100 / 16) * 9); - @offset: unit((300 - @padding) / 6, ~'%'); + @height: 200; + @offset: unit((@height - @padding) / (@height / 50), ~'%'); padding-bottom: unit(@padding, ~'%'); height: 0; @@ -24,7 +25,7 @@ // Vimeo hack > div { position: relative; - padding-bottom: 300%; + padding-bottom: unit(@height, ~'%'); transform: translateY(-@offset); } } |