From 508887163454241a0fdc9b461056fef09a91558d Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@users.noreply.github.com>
Date: Fri, 1 Mar 2024 16:55:34 -0800
Subject: [PATCH] feat: style fixes

---
 src/css/global/global-styles.css | 13 +++++++++++++
 src/styleguide.html              |  5 ++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/css/global/global-styles.css b/src/css/global/global-styles.css
index dc488d6..7330e9f 100644
--- a/src/css/global/global-styles.css
+++ b/src/css/global/global-styles.css
@@ -92,6 +92,7 @@ blockquote {
   margin-inline-end: 0;
   padding: var(--spacing-1);
   background-color: var(--color-surface);
+  border-radius: var(--spacing-0\.5);
 }
 
 blockquote > * + * {
@@ -152,6 +153,18 @@ picture img {
   border-radius: 1rem;
 }
 
+aside {
+  background-color: var(--color-surface);
+  padding: var(--spacing-1);
+  border-radius: var(--spacing-0\.5);
+  margin-inline: calc(-1 * var(--spacing-1));
+}
+
+mark {
+  background-color: var(--color-border);
+  color: var(--color-text);
+}
+
 @media (prefers-reduced-motion: reduce) {
   html:focus-within {
     scroll-behavior: auto;
diff --git a/src/styleguide.html b/src/styleguide.html
index a161dd5..d9c2dbe 100644
--- a/src/styleguide.html
+++ b/src/styleguide.html
@@ -63,10 +63,13 @@ title: Styleguide
 </aside>
 <hr />
 <figure>
-    <img src="/assets/images/logo.svg" />
+    <img src="/assets/images/logo.svg" alt="" />
     <figcaption>A fig caption.</figcaption>
 </figure>
 <hr />
+<p>
+    This text contains usage of a <mark>mark element, and here it is</mark>.
+</p>
 <div style="background-color: var(--color-surface);
             border: 1px solid var(--color-border);
             padding: 1rem">A card-type component.</div>