Fixes video bug on marfa template

davidmerfield · Jan 20, 2022 · 25e8ba4 · 25e8ba4
1 parent 8f3121a
commit 25e8ba4
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/app/templates/past/marfa/style.css b/app/templates/past/marfa/style.css
@@ -969,4 +969,29 @@ h2.headline {
 
 /* Blot changes */
 
-nav a[href="/"]:not(.active):before{content: "← "}
+nav a[href="/"]:not(.active):before{content: "← "}
+
+.videoContainer {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+}
+
+.videoContainer.fourthree {
+  padding-bottom: 70%;
+}
+
+.videoContainer.widescreen {
+  padding-bottom: 56.25%;
+}
+
+.videoContainer iframe,
+.videoContainer object,
+.videoContainer embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0!important
+}