From fd36da256bfe1dc2f6184750b008d40549f6f46a Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Sun, 27 Aug 2023 17:01:51 -0400
Subject: [PATCH] Add styles for images, screenshots & figures

---
 _includes/styles/base.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/_includes/styles/base.scss b/_includes/styles/base.scss
index 7255603..49e44ef 100644
--- a/_includes/styles/base.scss
+++ b/_includes/styles/base.scss
@@ -51,7 +51,13 @@ a {
 }
 
 img {
+  background-color: var(--color-bg--layer-01);
   width: 100%;
+  border-radius: 5px;
+  object-fit: contain;
+  aspect-ratio: 16 / 9;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 ol, ul {
@@ -197,6 +203,12 @@ table {
 }
 
 img.icon {
+  background-color: initial;
+  border-radius: initial;
+  object-fit: initial;
+  object-position: initial;
+  aspect-ratio: initial;
+  margin: initial;
   width: 1em;
   height: 1em;
   user-select: none;
@@ -221,3 +233,15 @@ .tag {
   border: 1px solid var(--color-fg);
   border-radius: 3px;
 }
+
+figure {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  img {
+    margin: 0;
+  }
+  figcaption {
+    text-align: center;
+    font-style: italic;
+  }
+}