feat: adapt youtube video size automatically

qbosen · Sep 22, 2021 · 30d2f4d · 30d2f4d
1 parent 715e5ed
commit 30d2f4d
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/_embed.scss b/src/_embed.scss
@@ -40,3 +40,21 @@
 .cp__right-sidebar .embed-block {
   background: var(--ls-secondary-background-color);
 }
+
+@media (min-width: 800px) {
+  .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] {
+    height: 400px !important;
+  }
+}
+
+@media (min-width: 1000px) {
+  .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] {
+    height: 500px !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] {
+    height: 600px !important;
+  }
+}