Move styles for content elements to 099_content.css

assets/css/010_spacing.css

@@ -111,21 +111,6 @@ blockquote {
 .subheading {
 }
 
-.content-title {
-  margin-block: var(--space-xl) var(--space-l);
-
-  .title:has(+ .subtitle) {
-    margin-block-end: var(--space-xs);
-  }
-
-  .title:not(:has(+ .subtitle)), .subtitle {
-    margin-block-end: var(--space-m);
-  }
-
-  .content-date {
-    margin-block-end: var(--space-paragraph);
-  }
-}
 
 .footnotes {
   hr {

assets/css/010_structure.css

@@ -34,17 +34,6 @@ img {
   object-fit: contain;
 }
 
-.content {
-  .heading {
-    align-items: center;
-    gap: 0.25em;
-    display: flex;
-  }
-
-  .codeblock {
-    overflow: auto;
-  }
-}
 
 
 .page-navigation {

assets/css/010_typography.css

@@ -118,32 +118,3 @@ sup {
 .subtitle {
   font-weight: lighter;
 }
-
-
-.content {
-  .codeblock {
-    font-family: var(--font-family-monospace);
-  }
-
-  .heading, .title {
-    font-family: var(--font-family-heading);
-  }
-
-  .heading__anchor {
-    /* font-family: var(--font-family-monospace); */
-    font-size: 60%;
-    text-decoration: none;
-  }
-
-  .footnotes {
-    font-size: 90%;
-
-    li:not(:last-child) {
-      margin-block-end: var(--space-xs);
-    }
-
-    p {
-      font-size: inherit;
-    }
-  }
-}

assets/css/099_content.css

@@ -0,0 +1,42 @@
+
+.content {
+  .heading {
+    align-items: center;
+    gap: 0.25em;
+    display: flex;
+  }
+
+  .heading__anchor {
+    /* font-family: var(--font-family-monospace); */
+    font-size: 60%;
+    text-decoration: none;
+  }
+
+  .codeblock {
+    font-family: var(--font-family-monospace);
+    overflow: auto;
+  }
+}
+
+.content-title {
+  margin-block: var(--space-xl) var(--space-l);
+
+  .title:has(+ .subtitle) {
+    margin-block-end: var(--space-xs);
+  }
+
+  .title:not(:has(+ .subtitle)), .subtitle {
+    margin-block-end: var(--space-m);
+  }
+
+  .subtitle {
+    color: var(--gray3);
+  }
+
+  .content-date {
+    color: var(--gray4);
+    font-weight: normal;
+    font-size: var(--text-s);
+    margin-block-end: var(--space-paragraph);
+  }
+}