From c960169807102d1f78b700fbadac44106ff06716 Mon Sep 17 00:00:00 2001
From: Richard Kraaijenhagen <stdin+git@riichard.com>
Date: Mon, 23 Nov 2015 19:50:38 -0800
Subject: [PATCH] Add responsive embed class for 1:1 aspect ratio

Closes #18141
---
 docs/components/utilities.md | 5 +++++
 scss/_responsive-embed.scss  | 4 ++++
 2 files changed, 9 insertions(+)

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);
+}