From 8a776cd9e26ff7a4b8be9739bb3dd9778d25b6cd Mon Sep 17 00:00:00 2001
From: Daniel Barber <hello@danbarber.me>
Date: Sun, 23 Jun 2019 17:51:08 -0400
Subject: [PATCH] Add CSS for video container

---
 _assets/stylesheets/components/_video-container.scss | 11 +++++++++++
 _assets/stylesheets/styles.scss                      |  1 +
 2 files changed, 12 insertions(+)
 create mode 100644 _assets/stylesheets/components/_video-container.scss

diff --git a/_assets/stylesheets/components/_video-container.scss b/_assets/stylesheets/components/_video-container.scss
new file mode 100644
index 0000000..47bb2e0
--- /dev/null
+++ b/_assets/stylesheets/components/_video-container.scss
@@ -0,0 +1,11 @@
+.video-container {
+  position: relative;
+  width: 100%;
+  height: 0;
+  
+  iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+}
\ No newline at end of file
diff --git a/_assets/stylesheets/styles.scss b/_assets/stylesheets/styles.scss
index 2fdf7a2..09e8d73 100644
--- a/_assets/stylesheets/styles.scss
+++ b/_assets/stylesheets/styles.scss
@@ -41,6 +41,7 @@
 @import "components/article";
 @import "components/pagination";
 @import "components/photo";
+@import "components/video-container";
 
 // 7. Utilities – utilities and helper classes with ability to override
 //    anything which goes before in the triangle, eg. hide helper class