1 files changed, 39 insertions, 0 deletions
diff --git a/static/css/embed.css b/static/css/embed.css
new file mode 100644
index 0000000..2e8149e
--- /dev/null
+++ b/static/css/embed.css
@@ -0,0 +1,39 @@
+// 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;
+    }
+}
+
+@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
+    $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
+    $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
+
+    .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
+        &::before {
+            padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
+        }
+    }
+}