From ff72f94b8fe65f90729c0cc85c6e0385b9b85d80 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 27 Dec 2023 12:51:07 -0700
Subject: [PATCH] Fix YouTube figures and add a .content-width CSS class

---
 assets/styles/root/002_layout.css       | 1 -
 assets/styles/root/099_utility.css      | 2 ++
 layouts/shortcodes/figures/youtube.html | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/styles/root/002_layout.css b/assets/styles/root/002_layout.css
index 1505ce9..a3f77eb 100644
--- a/assets/styles/root/002_layout.css
+++ b/assets/styles/root/002_layout.css
@@ -180,7 +180,6 @@
 
   figure .youtube {
     overflow: hidden;
-    max-width: var(--content-width);
     width: 100%;
   }
 
diff --git a/assets/styles/root/099_utility.css b/assets/styles/root/099_utility.css
index d5be152..7cf252e 100644
--- a/assets/styles/root/099_utility.css
+++ b/assets/styles/root/099_utility.css
@@ -1,6 +1,8 @@
 @layer utility {
     .centered { text-align: center; }
 
+    .content-width { grid-column: content-start / content-end; }
+
     .float-right {
         float: right;
         justify-self: end;
diff --git a/layouts/shortcodes/figures/youtube.html b/layouts/shortcodes/figures/youtube.html
index 43bdfc9..a1e791a 100644
--- a/layouts/shortcodes/figures/youtube.html
+++ b/layouts/shortcodes/figures/youtube.html
@@ -4,7 +4,7 @@
 {{- $id := .Get "id" | default (.Get 0) -}}
 {{- $class := .Get "class" | default (.Get 1) -}}
 {{- $title := .Get "title" | default "YouTube Video" }}
-<figure>
+<figure {{ with $class }}class="{{ . }}"{{ end }}>
   <div class="youtube">
     <iframe src="https://{{ $ytHost }}/embed/{{ $id }}{{ with .Get "autoplay" }}{{ if eq . "true" }}?autoplay=1{{ end }}{{ end }}" allowfullscreen frameborder=0 title="{{ $title }}"></iframe>
   </div>