continue working on post layout, add typography styles

2026-02-28 15:21:36 -05:00
parent c28f340333
commit dfdf6c6e66
10 changed files with 82 additions and 65 deletions
--- a/src/styles/prose.css
+++ b/src/styles/prose.css
@@ -0,0 +1,51 @@
+.prose {
+    h1, h2, h3, h4, h5, h6 {
+        font-family: 'Merriweather Variable', serif;
+        font-weight: 600;
+        color: hsl(0 0% 27%);
+        letter-spacing: 0.015em;
+    }
+
+    h1 {
+        margin-top: 0.5em;
+        font-size: 2.15em;
+    }
+
+    h2 {
+        font-size: 1.6em;
+    }
+
+    h3 {
+        font-size: 1.25em;
+    }
+
+    h4 {
+        font-size: 1.1em;
+    }
+
+    h1, h2, h3, h4 {
+        margin-bottom: 0.5em;
+    }
+
+    p, ul, ol {
+        margin-bottom: 0.8em;
+    }
+
+    ul, ol, blockquote {
+        padding: 0;
+        margin-left: 2em;
+    }
+
+    blockquote {
+        position: relative;
+        font-style: italic;
+    }
+
+    blockquote::before {
+        content: '';
+        position: absolute;
+        left: -01em;
+        height: 100%;
+        border-right: 3px solid var(--accent-color);
+    }
+}