From 0f779940b2ce241ba446fc61c3dcb40a9d2f597f Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 30 May 2025 19:57:05 +0800
Subject: feat: better gallery shortcode

add utility classes ("center" and "full-width")
---
 assets/css/components/_markdown.scss   |  1 +
 assets/css/components/_shortcodes.scss | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/components/_markdown.scss b/assets/css/components/_markdown.scss
index 71a99edb..f53df7c0 100644
--- a/assets/css/components/_markdown.scss
+++ b/assets/css/components/_markdown.scss
@@ -123,6 +123,7 @@ $em-text-color: #889E73;
       font-size: 0.9rem;
       color: var(--secondary-text-color);
       font-weight: 400;
+      text-align: center;
     }
   }
 
diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss
index 725d5eb2..52de0999 100644
--- a/assets/css/components/_shortcodes.scss
+++ b/assets/css/components/_shortcodes.scss
@@ -70,14 +70,15 @@
     margin: 0.1rem
 }
 
-/* inline-image shortcode */
+/* gallery shortcode */
 
-.inline-image {
+.gallery {
   display: flex;
   overflow-x: auto;
   scroll-behavior: smooth;
   gap: 1rem;
   white-space: nowrap;
+
   & > figure {
     display: inline-block;
     margin: 0;
@@ -90,6 +91,18 @@
     }
   }
   & > p { display: none }
+
+  &.center {
+      justify-content: center;
+  }
+  &.full-width {
+      & > figure {
+          flex-shrink: unset;
+          img {
+              width: 100%;
+          }
+      }
+  }
 }
 
 /* sidenote shortcode */
-- 
cgit v1.2.3