Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-03-22 23:40:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use percentages in responsive embed modifiers

Browse source 
- Credit: @adammacias
- Originally proposed in #16499 with previous commit
This commit is contained in:
Mark Otto 2015-06-18 16:03:48 -07:00
parent 331b8d2250
commit df2ca92d77
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
scss/_responsive-embed.scss
View file

@ -28,15 +28,15 @@
// Modifier class for 21:9 aspect ratio
.embed-responsive-21by9 {
padding-bottom: 42.85%;
padding-bottom: percentage(9 / 21);
}
// Modifier class for 16:9 aspect ratio
.embed-responsive-16by9 {
padding-bottom: 56.25%;
padding-bottom: percentage(9 / 16);
}
// Modifier class for 4:3 aspect ratio
.embed-responsive-4by3 {
padding-bottom: 75%;
padding-bottom: percentage(3 / 4);
}