From 1db06d00123c534f1f3631c10a9b76b59d47a988 Mon Sep 17 00:00:00 2001
From: Alexandre Dulaunoy <a@foo.be>
Date: Fri, 17 Feb 2017 16:36:34 +0100
Subject: [PATCH] Video CSS added

---
 assets/sass/video.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 assets/sass/video.scss

diff --git a/assets/sass/video.scss b/assets/sass/video.scss
new file mode 100644
index 0000000..66abcc4
--- /dev/null
+++ b/assets/sass/video.scss
@@ -0,0 +1,24 @@
+// Adds support for a video holder
+// as per http://webdesignerwall.com/tutorials/css-elastic-videos
+
+.myvideo {
+position : relative;
+display : block;
+width : 30%;
+min-width : 200px;
+margin : auto;
+height : auto;
+}
+.flex-video {
+position : relative;
+padding-bottom : 67.5%;
+height : 0;
+overflow : hidden;
+}
+.flex-video iframe, .flex-video object, .flex-video embed {
+position : absolute;
+top : 0;
+left : 0;
+width : 100%;
+height : 100%;
+}