feat: spacing of code blocks

juananpe · Apr 3, 2024 · 5e8fe5c · 5e8fe5c
1 parent 78c8864
commit 5e8fe5c
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 19 deletions.
diff --git a/docs/mccole.css b/docs/mccole.css
@@ -87,50 +87,67 @@ body {
 code {
     font-family: "Source Code Pro", monospace;
     font-size: var(--size-code);
-    background-color: var(--gray-faint);
 }
 
 /* Output fragments */
 div.language-out {
-    font-style: italic;
     border-left: solid var(--border-heavy) var(--stamp-red-light);
-    border-top: solid var(--border-light) var(--stamp-red-light);
-    border-bottom: solid var(--border-light) var(--stamp-red-light);
+    border-top: solid var(--border-thin) var(--stamp-red-light);
+    border-bottom: solid var(--border-thin) var(--stamp-red-light);
     padding-left: var(--border-heavy);
 }
+div.language-out pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Python fragments */
 div.language-py {
     border-left: solid var(--border-heavy) var(--stamp-blue-light);
-    border-top: solid var(--border-light) var(--stamp-blue-light);
-    border-bottom: solid var(--border-light) var(--stamp-blue-light);
+    border-top: solid var(--border-thin) var(--stamp-blue-light);
+    border-bottom: solid var(--border-thin) var(--stamp-blue-light);
     padding-left: var(--border-heavy);
 }
+div.language-py pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Shell fragments */
 div.language-sh {
     border-left: solid var(--border-heavy) var(--stamp-green-light);
-    border-top: solid var(--border-light) var(--stamp-green-light);
-    border-bottom: solid var(--border-light) var(--stamp-green-light);
+    border-top: solid var(--border-thin) var(--stamp-green-light);
+    border-bottom: solid var(--border-thin) var(--stamp-green-light);
     padding-left: var(--border-heavy);
 }
+div.language-sh pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* SQL fragments */
 div.language-sql {
     border-left: solid var(--border-heavy) var(--stamp-blue-light);
-    border-top: solid var(--border-light) var(--stamp-blue-light);
-    border-bottom: solid var(--border-light) var(--stamp-blue-light);
+    border-top: solid var(--border-thin) var(--stamp-blue-light);
+    border-bottom: solid var(--border-thin) var(--stamp-blue-light);
     padding-left: var(--border-heavy);
 }
+div.language-sql pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Transcript fragments */
 div.language-text {
-    font-style: italic;
     border-left: solid var(--border-heavy) var(--stamp-purple-light);
-    border-top: solid var(--border-light) var(--stamp-purple-light);
-    border-bottom: solid var(--border-light) var(--stamp-purple-light);
+    border-top: solid var(--border-thin) var(--stamp-purple-light);
+    border-bottom: solid var(--border-thin) var(--stamp-purple-light);
     padding-left: var(--border-heavy);
 }
+div.language-text pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Bibliography key definitions */
 dl.bibliography dt {

diff --git a/lib/mccole/resources/mccole.css b/lib/mccole/resources/mccole.css
@@ -87,12 +87,6 @@ body {
 code {
     font-family: "Source Code Pro", monospace;
     font-size: var(--size-code);
-    background-color: var(--gray-faint);
-}
-
-/* Turn off colorization in code blocks */
-div.code-sample code {
-    background-color: transparent;
 }
 
 /* Output fragments */
@@ -102,6 +96,10 @@ div.language-out {
     border-bottom: solid var(--border-thin) var(--stamp-red-light);
     padding-left: var(--border-heavy);
 }
+div.language-out pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Python fragments */
 div.language-py {
@@ -110,6 +108,10 @@ div.language-py {
     border-bottom: solid var(--border-thin) var(--stamp-blue-light);
     padding-left: var(--border-heavy);
 }
+div.language-py pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Shell fragments */
 div.language-sh {
@@ -118,6 +120,10 @@ div.language-sh {
     border-bottom: solid var(--border-thin) var(--stamp-green-light);
     padding-left: var(--border-heavy);
 }
+div.language-sh pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* SQL fragments */
 div.language-sql {
@@ -126,6 +132,10 @@ div.language-sql {
     border-bottom: solid var(--border-thin) var(--stamp-blue-light);
     padding-left: var(--border-heavy);
 }
+div.language-sql pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Transcript fragments */
 div.language-text {
@@ -134,6 +144,10 @@ div.language-text {
     border-bottom: solid var(--border-thin) var(--stamp-purple-light);
     padding-left: var(--border-heavy);
 }
+div.language-text pre {
+    margin-top: var(--border-heavy);
+    margin-bottom: var(--border-heavy);
+}
 
 /* Bibliography key definitions */
 dl.bibliography dt {