diff options
| author | なつき <[email protected]> | 2016-04-15 01:40:51 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-31 12:10:15 -0800 |
| commit | 6a5a83e02c336f6ba73a5dc5cd4cb28cc2f8f497 (patch) | |
| tree | 93baff840820757d78f5299f280237cc6c852185 | |
| parent | 026e1a1421a7e398f743e49710a0e9f003374753 (diff) | |
| download | bootstrap-6a5a83e02c336f6ba73a5dc5cd4cb28cc2f8f497.tar.xz bootstrap-6a5a83e02c336f6ba73a5dc5cd4cb28cc2f8f497.zip | |
Fix responsive embed class in flex container
| -rw-r--r-- | scss/_responsive-embed.scss | 23 |
1 files changed, 18 insertions, 5 deletions
diff --git a/scss/_responsive-embed.scss b/scss/_responsive-embed.scss index 244321959..d3362b6fd 100644 --- a/scss/_responsive-embed.scss +++ b/scss/_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); + } } |