blog.grace.moe

commit ac900edd7241978ad696ec543007f989fd0afa58
parent 6032864bbbf419235fbcddd2a558f93c0d9da9fe
Author: gracefu <81774659+gracefuu@users.noreply.github.com>
Date:   Thu,  8 May 2025 05:41:06 +0800

fix hr when it butts aganist tags

Diffstat:
M
layouts/page.shtml
 | 
1
+
M
layouts/post.shtml
 | 
1
+
M
layouts/templates/template.shtml
 | 
14
+++++++-------

3 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/layouts/page.shtml b/layouts/page.shtml
@@ -8,6 +8,7 @@
       width: min-content;
       float: right;
       padding-inline: 10px;
+      padding-block-end: 10px;
     }
   </style>
   <main>
diff --git a/layouts/post.shtml b/layouts/post.shtml
@@ -20,6 +20,7 @@
       width: min-content;
       float: right;
       padding-inline: 10px;
+      padding-block-end: 10px;
     }
   </style>
   <main>
diff --git a/layouts/templates/template.shtml b/layouts/templates/template.shtml
@@ -90,19 +90,19 @@
       /* 2 ways to limit: limit-children and limit-self */
       .limit-self,
       .limit-children > * {
-        width: var(--content-width);
-        margin-inline: auto;
+        margin-inline: calc(50vw - var(--content-width) / 2);
+        max-width: var(--content-width);
         transition: all .3s cubic-bezier(0, 0, 0, 1);
       }
       .limit-children > .full-bleed-content {
-        width: var(--full-bleed-width);
-      }
-      .limit-children > .wide-content {
-        width: var(--wide-content-width);
+        margin-inline: calc(50vw - var(--full-bleed-width) / 2);
+        max-width: var(--full-bleed-width);
       }
+      .limit-children > .wide-content,
       #base-middle.wide > #content .limit-children > *:not(.full-bleed-content),
       #base-middle.wide > #content .limit-self {
-        width: var(--wide-content-width);
+        margin-inline: calc(50vw - var(--wide-content-width) / 2);
+        max-width: var(--wide-content-width);
       }
 
       #base-middle {