From d42c8b528eb595101954f478e0024e3f079f6fbf Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Wed, 22 Mar 2017 19:19:26 +0100
Subject: first implementation of fun stats site

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

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

diff --git a/templates/assets/bootstrap/scss/_responsive-embed.scss b/templates/assets/bootstrap/scss/_responsive-embed.scss
new file mode 100644
index 0000000..d3362b6
--- /dev/null
+++ b/templates/assets/bootstrap/scss/_responsive-embed.scss
@@ -0,0 +1,52 @@
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+
+  &::before {
+    display: block;
+    content: "";
+  }
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}
+
+.embed-responsive-21by9 {
+  &::before {
+    padding-top: percentage(9 / 21);
+  }
+}
+
+.embed-responsive-16by9 {
+  &::before {
+    padding-top: percentage(9 / 16);
+  }
+}
+
+.embed-responsive-4by3 {
+  &::before {
+    padding-top: percentage(3 / 4);
+  }
+}
+
+.embed-responsive-1by1 {
+  &::before {
+    padding-top: percentage(1 / 1);
+  }
+}
-- 
cgit v1.3.1