diff options
| author | Mark Otto <[email protected]> | 2015-06-19 16:26:33 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-06-19 16:26:33 -0700 |
| commit | bc29c016b7afefa2a9a42e94efaee58695049285 (patch) | |
| tree | ac294f7fbc18d4ba8c6b4179b7d1cbeb6481d70b /scss/_responsive-embed.scss | |
| parent | 8410afe0e104459a613f6232ad46334aa8b99fda (diff) | |
| parent | 3df2d085ed219a16848b96e90a72fcd5575a5270 (diff) | |
| download | bootstrap-bc29c016b7afefa2a9a42e94efaee58695049285.tar.xz bootstrap-bc29c016b7afefa2a9a42e94efaee58695049285.zip | |
Merge branch 'v4' into v4_builds
Diffstat (limited to 'scss/_responsive-embed.scss')
| -rw-r--r-- | scss/_responsive-embed.scss | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/scss/_responsive-embed.scss b/scss/_responsive-embed.scss index c1ef6cb4b..772b853c7 100644 --- a/scss/_responsive-embed.scss +++ b/scss/_responsive-embed.scss @@ -26,12 +26,17 @@ } } +// Modifier class for 21:9 aspect ratio +.embed-responsive-21by9 { + 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); } |
