From 29e495f03cda05fd7fc362420ae86619c27b582e Mon Sep 17 00:00:00 2001
From: Fabien <fabien.creative@gmail.com>
Date: Mon, 30 Dec 2013 05:52:00 +0100
Subject: Add Embed responsive utility

---
 less/utilities.less | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

(limited to 'less')

diff --git a/less/utilities.less b/less/utilities.less
index a26031214..415d76a8a 100644
--- a/less/utilities.less
+++ b/less/utilities.less
@@ -54,3 +54,39 @@
 .affix {
   position: fixed;
 }
+
+
+// Embeds responsive
+// -------------------------
+
+// Credit: Nicolas Gallagher
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+  }
+
+  // Modifier class for 16:9 aspect ratio
+  &.embed-responsive-16by9 {
+    padding-bottom: 56.25%;
+  }
+
+  // Modifier class for 4:3 aspect ratio
+  &.embed-responsive-4by3 {
+    padding-bottom: 75%;
+  }
+}
-- 
cgit v1.2.3