style: align code style with guides-source

ember-learn · Jun 29, 2024 · 474fb1a · 474fb1a
1 parent 1b3a899
commit 474fb1a
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -0,0 +1,26 @@
+/* Make code blocks denser */
+
+.chapter pre, .chapter pre[class*=language-],
+.chapter code, .chapter code[class*=language-] {
+  line-height: 1.6;
+}
+.chapter .filename, .chapter pre, .chapter pre[class*=language-], .filename::after {
+  font-size: 85%;
+}
+
+.filename::after {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.chapter .filename {
+  padding-top: var(--spacing-1);
+  padding-bottom: var(--spacing-1);
+}
+.chapter .filename + pre code {
+  padding: var(--spacing-1) 0;
+}
+
+.shiki code {
+  font-size: 1em !important;
+}