From 4b7338cc8dc763779d3516bd444634d683404d7a Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <dash@wind.garden>
Date: Thu, 28 Nov 2024 19:03:12 +0100
Subject: [PATCH] markdown: put youtube embeds at 100% width

---
 .../components/common/WalkthroughContent/index.module.css    | 5 -----
 .../WalkthroughsList/WalkthroughsListItem/index.module.css   | 3 ---
 frontend/src/components/common/YoutubeEmbed/index.module.css | 2 +-
 3 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/frontend/src/components/common/WalkthroughContent/index.module.css b/frontend/src/components/common/WalkthroughContent/index.module.css
index 4506bcff..591076ec 100644
--- a/frontend/src/components/common/WalkthroughContent/index.module.css
+++ b/frontend/src/components/common/WalkthroughContent/index.module.css
@@ -6,8 +6,3 @@
   -webkit-box-orient: vertical;
   margin-bottom: 0.5rem;
 }
-
-.embedWrapper {
-  --video-embed-width: 100%;
-  --video-embed-aspect-ratio: 16 / 9;
-}
diff --git a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css
index e1594576..fbf1d33a 100644
--- a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css
+++ b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css
@@ -3,9 +3,6 @@
   flex-direction: column;
   margin-bottom: 1rem;
   background: var(--box-content-bg-color);
-
-  --video-embed-width: 100%;
-  --video-embed-aspect-ratio: 16 / 9;
 }
 
 .content {
diff --git a/frontend/src/components/common/YoutubeEmbed/index.module.css b/frontend/src/components/common/YoutubeEmbed/index.module.css
index 7c0cac39..b0c44495 100644
--- a/frontend/src/components/common/YoutubeEmbed/index.module.css
+++ b/frontend/src/components/common/YoutubeEmbed/index.module.css
@@ -1,5 +1,5 @@
 .embed {
-  width: var(--video-embed-width, 640px);
+  width: var(--video-embed-width, 100%);
   max-width: 100%;
   aspect-ratio: var(--video-embed-aspect-ratio, 16 / 9);
   border: 0;