diff options
| author | Mark Otto <[email protected]> | 2015-06-18 16:03:48 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-06-18 16:03:48 -0700 |
| commit | df2ca92d7704d54a15be54e5da8086712bd18680 (patch) | |
| tree | 97a2fd63f5931ab0bcdbabd8d0c6c0c8f8576544 | |
| parent | 331b8d2250f4b1ba29c0833e2be770c3f743ffe5 (diff) | |
| download | bootstrap-df2ca92d7704d54a15be54e5da8086712bd18680.tar.xz bootstrap-df2ca92d7704d54a15be54e5da8086712bd18680.zip | |
Use percentages in responsive embed modifiers
- Credit: @adammacias
- Originally proposed in #16499 with previous commit
| -rw-r--r-- | scss/_responsive-embed.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/scss/_responsive-embed.scss b/scss/_responsive-embed.scss index bedab270a..772b853c7 100644 --- a/scss/_responsive-embed.scss +++ b/scss/_responsive-embed.scss @@ -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); } |