💄 Style Adjustment

Ice-Hazymoon · May 30, 2022 · 215451c · 215451c
1 parent c13a3b2
commit 215451c
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 16 deletions.
diff --git a/assets/sass/_common/_shortcodes.scss b/assets/sass/_common/_shortcodes.scss
@@ -101,15 +101,15 @@
 
 .gallery-box {
     .gallery {
-        @apply relative md:m-4 m-3 flex flex-row justify-center;
+        @apply my-4 relative flex flex-row justify-center;
         figure {
             @apply my-0;
             img {
                 @apply my-0;
             }
         }
         figure + figure {
-            @apply md:ml-4 ml-3;
+            @apply ml-4;
         }
     }
 }
diff --git a/assets/sass/_partial/_page_gallery.scss b/assets/sass/_partial/_page_gallery.scss
@@ -1,6 +1,11 @@
 .page-gallery {
-    .gallery {
-        @apply md:mx-4 mx-3;
+    .gallery-box {
+        .gallery {
+            @apply md:my-4 my-3 md:mx-4 mx-3;
+            figure + figure {
+                @apply md:ml-4 ml-3;
+            }
+        }
     }
     .gallery-image {
         @apply relative md:mb-4 mb-3 overflow-hidden rounded;

diff --git a/exampleSite/content/en-us/posts/Shortcodes/index.md b/exampleSite/content/en-us/posts/Shortcodes/index.md
@@ -263,16 +263,24 @@ The paella dish I rate {{< rating 10 6 >}}
 
 ```markdown
 {{</* gallery */>}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{</* /gallery */>}}
 ```
 
 {{< gallery >}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{< /gallery >}}
 
 ## Tabs

diff --git a/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md b/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md
@@ -263,16 +263,24 @@ categories:
 
 ```markdown
 {{</* gallery */>}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{</* /gallery */>}}
 ```
 
 {{< gallery >}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{< /gallery >}}
 
 ## 选项卡