diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_responsive-embed.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_responsive-embed.scss | 23 |
1 files changed, 18 insertions, 5 deletions
diff --git a/assets/stylesheets/bootstrap/_responsive-embed.scss b/assets/stylesheets/bootstrap/_responsive-embed.scss index 2443219..d3362b6 100644 --- a/assets/stylesheets/bootstrap/_responsive-embed.scss +++ b/assets/stylesheets/bootstrap/_responsive-embed.scss @@ -3,10 +3,15 @@ .embed-responsive { position: relative; display: block; - height: 0; + width: 100%; padding: 0; overflow: hidden; + &::before { + display: block; + content: ""; + } + .embed-responsive-item, iframe, embed, @@ -23,17 +28,25 @@ } .embed-responsive-21by9 { - padding-bottom: percentage(9 / 21); + &::before { + padding-top: percentage(9 / 21); + } } .embed-responsive-16by9 { - padding-bottom: percentage(9 / 16); + &::before { + padding-top: percentage(9 / 16); + } } .embed-responsive-4by3 { - padding-bottom: percentage(3 / 4); + &::before { + padding-top: percentage(3 / 4); + } } .embed-responsive-1by1 { - padding-bottom: percentage(1 / 1); + &::before { + padding-top: percentage(1 / 1); + } } |