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

2 files changed, 3 insertions, 5 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);
 }