From 87e50d911af1263b31136cc37954e4a0f619a1d1 Mon Sep 17 00:00:00 2001
From: zoe <zoe@kitty.fritz.box>
Date: Fri, 29 Apr 2022 20:59:32 +0200
Subject: [PATCH] embed

---
 assets/scss/layout.scss | 17 ++++++++++++++---
 assets/scss/style.scss  |  3 ++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 9b365b9..8e55d2c 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -32,7 +32,7 @@ footer {
 #content ul,
 #content ol,
 #content table,
-#content iframe,
+.embed,
 code,
 .postdescription,
 hr,
@@ -43,11 +43,22 @@ hr,
 }
 
 #content img,
-#content iframe{
+{
   display: block;
   overflow: hidden;
   max-width: 52%;
-  max-height: 100%;
+  height: 100%;
+}
+
+#content .embed{
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  & iframe{
+    width: 100%;
+    aspect-ratio: 16/9;
+    margin: 0;
+  }
 }
 
 p code{
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 135d63b..b806b37 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -25,7 +25,7 @@ input[type="checkbox"] {
   display: flex;
 }
 
-img {
+img, iframe {
   border-style: solid;
 }
 
@@ -46,6 +46,7 @@ img {
   justify-content: center;
   content: "";
   border-style: solid;
+  padding: 0;
 }
 
 input:checked + label:after {