From 0bf0647032ff6f2d6f50b21dfe1f7e3f0837c834 Mon Sep 17 00:00:00 2001
From: MaZderMind
Date: Fri, 17 Oct 2014 16:06:42 +0200
Subject: copy media.ccc.de style

---
 assets/css/bootstrap/_responsive-embed.scss | 34 +++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 assets/css/bootstrap/_responsive-embed.scss

(limited to 'assets/css/bootstrap/_responsive-embed.scss')

diff --git a/assets/css/bootstrap/_responsive-embed.scss b/assets/css/bootstrap/_responsive-embed.scss
new file mode 100644
index 0000000..a884d49
--- /dev/null
+++ b/assets/css/bootstrap/_responsive-embed.scss
@@ -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%;
+  }
+}
-- 
cgit v1.2.3