From 705ff7f2275ca823f71ca8dfba27a3b68119a2a4 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 6 Mar 2014 23:18:13 -0800
Subject: Moving the embed to it's own CSS file, moving the docs to the
 Components page with an example, fixing a Glyhpicons list problem in the docs

---
 less/bootstrap.less        |  1 +
 less/responsive-embed.less | 34 ++++++++++++++++++++++++++++++++++
 less/utilities.less        | 36 ------------------------------------
 3 files changed, 35 insertions(+), 36 deletions(-)
 create mode 100644 less/responsive-embed.less

(limited to 'less')

diff --git a/less/bootstrap.less b/less/bootstrap.less
index 4f85a0dd3..61b77474f 100644
--- a/less/bootstrap.less
+++ b/less/bootstrap.less
@@ -35,6 +35,7 @@
 @import "media.less";
 @import "list-group.less";
 @import "panels.less";
+@import "responsive-embed.less";
 @import "wells.less";
 @import "close.less";
 
diff --git a/less/responsive-embed.less b/less/responsive-embed.less
new file mode 100644
index 000000000..a884d49fe
--- /dev/null
+++ b/less/responsive-embed.less
@@ -0,0 +1,34 @@
+// Embeds responsive
+//
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.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%;
+    border: 0;
+  }
+
+  // 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%;
+  }
+}
diff --git a/less/utilities.less b/less/utilities.less
index 415d76a8a..a26031214 100644
--- a/less/utilities.less
+++ b/less/utilities.less
@@ -54,39 +54,3 @@
 .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