From ca3943b5007ea7cb6a27bbf3e02648d5271231ea Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 06 Aug 2024 02:14:14 +0000
Subject: [PATCH] fix: responsive youtube embed (closes #1167)
---
quartz/styles/base.scss | 19 +++++++++++++++++--
1 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 52cd102..79b05cd 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -201,11 +201,19 @@
}
}
- & .page-header {
+ & .page-header,
+ & .page-footer {
width: $pageWidth;
- margin: $topSpacing auto 0 auto;
+ margin-top: 1rem;
+
@media all and (max-width: $fullPageWidth) {
width: initial;
+ }
+ }
+
+ & .page-header {
+ margin: $topSpacing auto 0 auto;
+ @media all and (max-width: $fullPageWidth) {
margin-top: 2rem;
}
}
@@ -533,3 +541,10 @@
overflow-x: auto;
overflow-y: hidden;
}
+
+.external-embed.youtube {
+ aspect-ratio: 16 / 9;
+ height: 100%;
+ width: 100%;
+ border-radius: 5px;
+}
--
Gitblit v1.10.0