Add Embed responsive utility

2026-06-11 18:02:28 +03:00 · 2013-12-30 05:52:00 +01:00
parent a2aaf80c7e
commit 29e495f03c
6 changed files with 78 additions and 2 deletions
@@ -5615,6 +5615,30 @@ button.close {
 .affix {
  position: fixed;
 }
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.embed-responsive.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+.embed-responsive.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
@-ms-viewport {
  width: device-width;
 }