From f1ac8bd2fce85226abf4790bc9cb86e453d62028 Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Sat, 7 Mar 2026 09:06:33 +0100
Subject: [PATCH] css: add styles for image figures

---
 src/assets/css/main.css | 41 +++++++++++++++++++++++++++++------------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 2f970fd..384a698 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -47,12 +47,41 @@ code {
   padding: 0.2rem 0.4rem;
 }
 
+/* Images */
+
+figure.image img {
+  display: block;
+  box-sizing: border-box;
+  margin-bottom: 0;
+}
+
+figure.image.bordered img {
+  border: 4px solid hsl(0, 0%, 0%, 0.7);
+}
+
+figure.image figcaption {
+  border-left: 4px solid hsl(0, 0%, 0%, 0.2);
+  padding-left: 1.0rem;
+  padding-right: 1.0rem;
+  margin-top: 1.0rem;
+}
+
 /* Lists */
 
 ul {
   list-style: square;
 }
 
+.entry:last-child,
+.entry {
+  margin-bottom: 1.5rem;
+}
+
+.entry > header,
+.entry > .description {
+  margin-bottom: 0.5rem;
+}
+
 /* Tables */
 
 @media (max-width: 500px) {
@@ -129,15 +158,3 @@ body > footer {
 h1, h2, h3, h4, h5 {
   scroll-margin-top: 0.5em;
 }
-
-/* Lists */
-
-.entry:last-child,
-.entry {
-  margin-bottom: 1.5rem;
-}
-
-.entry > header,
-.entry > .description {
-  margin-bottom: 0.5rem;
-}