From 207151902ce5ac72c716273291a6de391a557b7e Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Fri, 6 May 2022 03:46:06 -0400
Subject: themes/default/layouts/shortcodes/youtube: Remove inline styles

---
 static/css/default.css                         | 9 +++++++++
 themes/default/layouts/shortcodes/youtube.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/css/default.css b/static/css/default.css
index 81fea52..b259d7b 100644
--- a/static/css/default.css
+++ b/static/css/default.css
@@ -1366,6 +1366,15 @@ twitter-tweet iframe {
   border: none;
 }
 
+youtube-video div {
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+  min-height: 16rem;
+  border-radius: 0.5rem;
+}
+
 /* ----- Typography ----- */
 
 h1,
diff --git a/themes/default/layouts/shortcodes/youtube.html b/themes/default/layouts/shortcodes/youtube.html
index 791e3da..d257d0d 100644
--- a/themes/default/layouts/shortcodes/youtube.html
+++ b/themes/default/layouts/shortcodes/youtube.html
@@ -15,7 +15,7 @@
 {{- end -}}
 
 <youtube-video>
-  <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+  <div>
     <iframe loading="lazy" sandbox="allow-scripts allow-same-origin"
       src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}"
       style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
-- 
cgit v1.2.3