From a078451e11a51833b311a60c2659a5c421ac6ab2 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Thu, 18 Aug 2022 20:21:25 -0700
Subject: [PATCH] Tweak some site styles

Remove margin of figure block
Add some classes for figures
---
 static/styles/main.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/static/styles/main.css b/static/styles/main.css
index cef9508..ee6f355 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -91,6 +91,10 @@ figure {
     border-radius: 0.5rem;
     display: inline-block;
     margin: 0;
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
 }
 
 figure a,
@@ -115,6 +119,15 @@ figure .youtube {
     width: var(--body-width);
 }
 
+figure.bordered {
+    padding: 0.5rem;
+    border: 2px solid #eee;
+}
+
+.centered {
+    text-align: center;
+}
+
 h1,
 h2,
 h3,
@@ -141,6 +154,10 @@ p {
     line-height: 1.4;
 }
 
+pre {
+    margin-bottom: 0;
+}
+
 .header,
 .footer {
     padding: 2rem 0;