rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases 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 {
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);
}
}