From a2ea06d513a5802964f8f0ef5795cec7e548ed7b Mon Sep 17 00:00:00 2001
From: Alejandro Soto <alejandro@34project.org>
Date: Sat, 13 Sep 2025 14:55:15 -0600
Subject: Squashed 'themes/tabi-lean/' content from commit 95c8796

git-subtree-dir: themes/tabi-lean
git-subtree-split: 95c879696445ede40daa7a30a88dae5dd74d5c0c
---
 sass/parts/_image.scss | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 sass/parts/_image.scss

(limited to 'sass/parts/_image.scss')

diff --git a/sass/parts/_image.scss b/sass/parts/_image.scss
new file mode 100644
index 0000000..e8bae01
--- /dev/null
+++ b/sass/parts/_image.scss
@@ -0,0 +1,60 @@
+figure {
+    display: inline-block;
+    box-sizing: border-box;
+    margin: 0;
+    max-width: 100%;
+    height: auto;
+}
+
+figcaption {
+    color: var(--meta-color);
+    font-size: 0.72rem;
+    font-family: var(--serif-font);
+    text-align: center;
+}
+
+img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    height: auto;
+}
+
+img.inline {
+    display: inline;
+    vertical-align: middle;
+}
+
+figure h4 {
+    margin: 0;
+    margin-block-end: 1em;
+    font-size: 1rem;
+}
+
+figure h4::before {
+    content: "↳ ";
+}
+
+.img-dark {
+    display: none;
+    &.inline{
+        display: none;
+    }
+}
+
+.img-light.inline {
+    display: inline;
+}
+
+[data-theme="dark"] {
+    .img-dark {
+        display: block;
+        &.inline {
+            display: inline;
+        }
+    }
+
+    .img-light {
+        display: none;
+    }
+}
-- 
cgit v1.2.3