feat: better post content style

- smaller font
- remove ` before and after <code> because they add visual clutter
- bolder font for code
- thinner underline for links


Former-commit-id: 0386de01b3fd4588bbb48a31f3d6f5c994433440

3 files changed, 4 insertions, 6 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index d03e6b85..e85811b2 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -58,6 +58,7 @@ $block-background-color: var(--block-background-color);
     // color and underline
     text-decoration: underline;
     text-decoration-style: wavy;
+    text-decoration-thickness: 1px;
     text-underline-offset: 0.25em;
     text-decoration-color: $border-color;
     color: $link-color;
@@ -131,10 +132,7 @@ $block-background-color: var(--block-background-color);
   code {
     font-size: 90%;
     color: var(--secondary-text-color);
-    &:not(pre > code)::before,
-    &:not(pre > code)::after {
-        content: '`'
-    }
+    font-weight: 600;
   }
 
   pre {
diff --git a/assets/css/utils/_reset.scss b/assets/css/utils/_reset.scss
index 1616945a..47d8af1a 100644
--- a/assets/css/utils/_reset.scss
+++ b/assets/css/utils/_reset.scss
@@ -49,5 +49,5 @@ button {
 
 hr {
     margin: 2.5rem auto;
-    border: 0.05rem solid var(--border-color);
+    border: 0.05rem dashed var(--border-color);
 }
diff --git a/layouts/_partials/template/post-page.html b/layouts/_partials/template/post-page.html
index 155915cf..872c6588 100644
--- a/layouts/_partials/template/post-page.html
+++ b/layouts/_partials/template/post-page.html
@@ -36,7 +36,7 @@
     </header>
 
     <!-- Post Content -->
-    <div class="min-h-[60%] leading-loose mb-8 markdown-body text-size-lg md:text-size-xl"
+    <div class="min-h-[60%] leading-loose mb-8 markdown-body text-size-md md:text-size-lg"
         style="view-transition-name: post-content-{{ .File.UniqueID }}">
     {{ partial "posts/toc" . }}
     <div id="post-content">{{ .Content }}</div>