aboutsummaryrefslogtreecommitdiff
path: root/scss/_responsive-embed.scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2015-06-19 16:26:33 -0700
committerMark Otto <[email protected]>2015-06-19 16:26:33 -0700
commitbc29c016b7afefa2a9a42e94efaee58695049285 (patch)
treeac294f7fbc18d4ba8c6b4179b7d1cbeb6481d70b /scss/_responsive-embed.scss
parent8410afe0e104459a613f6232ad46334aa8b99fda (diff)
parent3df2d085ed219a16848b96e90a72fcd5575a5270 (diff)
downloadbootstrap-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.scss9
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);
}