Organize app using Next.js route groups

2026-02-06 21:59:43 -07:00
parent aa7364769e
commit 51990ca149
11 changed files with 28 additions and 28 deletions
@@ -0,0 +1,38 @@
+/* Blog post body styling with semantic spacing */
+.post-body p {
+  /* Scales with font size - uses logical properties for better writing mode support */
+  margin-block: 1em;
+}
+
+/* Extra blank lines from markdown -> visible gaps that scale with font size */
+.post-body .md-gap {
+  /* Each "extra blank line" is one em; scales with font size */
+  block-size: calc(1em * var(--gap, 1));
+  margin: 0; /* no extra margins around the gap */
+  line-height: 1; /* prevent tall line-height from compounding */
+}
+
+/* Heading rhythm for better typography */
+.post-body h1 {
+  margin-block: 1.5em 0.6em;
+}
+.post-body h2 {
+  margin-block: 1.4em 0.6em;
+}
+.post-body h3 {
+  margin-block: 1.2em 0.5em;
+}
+.post-body h4 {
+  margin-block: 1.1em 0.5em;
+}
+.post-body h5 {
+  margin-block: 1em 0.4em;
+}
+.post-body h6 {
+  margin-block: 1em 0.4em;
+}
+
+/* Ensure line breaks are visible */
+.post-body br {
+  display: block;
+}