From: Richard Kraaijenhagen <stdin+git@riichard.com>
Date: Tue, 24 Nov 2015 03:50:38 +0000 (-0800)
Subject: Add responsive embed class for 1:1 aspect ratio
X-Git-Tag: v4.0.0-alpha.2~109
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c960169807102d1f78b700fbadac44106ff06716;p=thirdparty%2Fbootstrap.git

Add responsive embed class for 1:1 aspect ratio

Closes #18141
---

diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 3bc0547747..c2ac73bbc1 100644
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -328,4 +328,9 @@ Aspect ratios can be customized with modifier classes.
 <div class="embed-responsive embed-responsive-4by3">
   <iframe class="embed-responsive-item" src="..."></iframe>
 </div>
+
+<!-- 1:1 aspect ratio -->
+<div class="embed-responsive embed-responsive-1by1">
+  <iframe class="embed-responsive-item" src="..."></iframe>
+</div>
 {% endhighlight %}
diff --git a/scss/_responsive-embed.scss b/scss/_responsive-embed.scss
index aaf8c04708..2443219591 100644
--- a/scss/_responsive-embed.scss
+++ b/scss/_responsive-embed.scss
@@ -33,3 +33,7 @@
 .embed-responsive-4by3 {
   padding-bottom: percentage(3 / 4);
 }
+
+.embed-responsive-1by1 {
+  padding-bottom: percentage(1 / 1);
+}