mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-22 15:39:59 +00:00
Code Issues Projects Releases Wiki Activity

Fix responsive embed class in flex container

Browse Source
This commit is contained in:
なつき 2016-04-15 01:40:51 -07:00 committed by Mark Otto
parent 026e1a1421
commit 6a5a83e02c
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
scss/_responsive-embed.scss
View File

@ -3,10 +3,15 @@
.embed-responsive { .embed-responsive {
position: relative; position: relative;
display: block; display: block;
height: 0; width: 100%;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
&::before {
display: block;
content: "";
}
.embed-responsive-item, .embed-responsive-item,
iframe, iframe,
embed, embed,
@ -23,17 +28,25 @@
} }
.embed-responsive-21by9 { .embed-responsive-21by9 {
padding-bottom: percentage(9 / 21); &::before {
padding-top: percentage(9 / 21);
}
} }
.embed-responsive-16by9 { .embed-responsive-16by9 {
padding-bottom: percentage(9 / 16); &::before {
padding-top: percentage(9 / 16);
}
} }
.embed-responsive-4by3 { .embed-responsive-4by3 {
padding-bottom: percentage(3 / 4); &::before {
padding-top: percentage(3 / 4);
}
} }
.embed-responsive-1by1 { .embed-responsive-1by1 {
padding-bottom: percentage(1 / 1); &::before {
padding-top: percentage(1 / 1);
}
} }