tweak css one more time and start work on axes of fantasy post

2024-01-01 22:45:13 -08:00
parent ba4c2c2506
commit 816f3a9c0f
3 changed files with 111 additions and 1 deletions
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -18,6 +18,7 @@
    --content-color: #1e1e1e;
    --content-color-faded: #555;
    --accent-color: hsl(0deg, 92%, 29%);
+    --accent-color-faded: hsl(0deg, 25%, 55%);
 }

 body {
--- a/src/styles/prose.scss
+++ b/src/styles/prose.scss
@@ -27,7 +27,25 @@
        margin-bottom: 0.5em;
    }

-    p {
+    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);
+    }
 }