From b07eb8d1c06e582e5f177c159d820778029a9d93 Mon Sep 17 00:00:00 2001
From: Loek Le Blansch <loek@pipeframe.xyz>
Date: Sat, 5 Oct 2024 17:56:32 +0200
Subject: use html figurecaption + fix caption css

---
 _sass/image.css  | 12 ++++++++++--
 _sass/layout.css |  6 +++---
 2 files changed, 13 insertions(+), 5 deletions(-)

(limited to '_sass')

diff --git a/_sass/image.css b/_sass/image.css
index 3e98ae4..f1d48bb 100644
--- a/_sass/image.css
+++ b/_sass/image.css
@@ -1,8 +1,16 @@
-img {
-	position: relative;
+img, figure {
 	display: block;
 	margin: 0 auto var(--page-margins) auto;
 	max-width: 500px;
+}
+
+img {
+	position: relative;
 	overflow: visible;
 }
 
+figure {
+	opacity: .8;
+	font-style: italic;
+}
+
diff --git a/_sass/layout.css b/_sass/layout.css
index b92ef79..c459e8e 100644
--- a/_sass/layout.css
+++ b/_sass/layout.css
@@ -56,9 +56,9 @@
 
 	overflow-x: hidden;
 }
-.contentWrapper > * {
-	margin: 0;
-	margin-bottom: var(--page-margins);
+
+.contentWrapper :first-child {
+	margin-top: 0;
 }
 
 .contentWrapper p {
-- 
cgit v1.2.3