mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-17 14:54:30 +01:00
Use percentages in responsive embed modifiers
- Credit: @adammacias - Originally proposed in #16499 with previous commit
This commit is contained in:
parent
331b8d2250
commit
df2ca92d77
@ -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);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user