Responsive youtube embeds

2018-11-04 11:19:02 +02:00 · 2018-11-04 11:19:02 +02:00 · c9dc263b4e
commit c9dc263b4e
parent afabb7fb6d
1 changed files with 18 additions and 0 deletions
--- a/lib/web/frontend/src/style/post-layout.scss
+++ b/lib/web/frontend/src/style/post-layout.scss
@ -22,4 +22,22 @@
      border-radius: 2px;
    }
  }
+
+  iframe.youtube {
+    display: block;
+    width: 100%;
+    height: 200px;
+
+    @media #{$sm} {
+      height: 300px;
+    }
+
+    @media #{$md} {
+      height: 400px;
+    }
+
+    @media #{$lg} {
+      height: 500px;
+    }
+  }
 }