From c97b24977dac8387cc96ac767c25e57b80676c15 Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Fri, 2 Aug 2024 16:10:43 -0700 Subject: [PATCH] Codeblocks: Move codeblock styles to their own stylesheet --- assets/css/050_codeblocks.css | 24 ++++++++++++++++++++++++ assets/css/099_content.css | 17 ++++------------- 2 files changed, 28 insertions(+), 13 deletions(-) create mode 100644 assets/css/050_codeblocks.css diff --git a/assets/css/050_codeblocks.css b/assets/css/050_codeblocks.css new file mode 100644 index 0000000..263173d --- /dev/null +++ b/assets/css/050_codeblocks.css @@ -0,0 +1,24 @@ + + + + + +/************* + * CODEBLOCKS + *************/ + +.codeblock, .codeblock code { + font-family: var(--font-family-monospace); +} + +.codeblock { + color: var(--foreground); + background-color: var(--background); + grid-column: gutter-start / gutter-end; + overflow: auto; + padding-block: var(--space-s); + + .line { + margin-inline: var(--gutter-width); + } +} diff --git a/assets/css/099_content.css b/assets/css/099_content.css index 60db3cf..cd53ca3 100644 --- a/assets/css/099_content.css +++ b/assets/css/099_content.css @@ -1,4 +1,8 @@ + + + + .main--single, .main--list, .content @@ -11,17 +15,4 @@ { grid-column: main-start / main-end; } - - .codeblock { - color: var(--foreground); - background-color: var(--background); - font-family: var(--font-family-monospace); - grid-column: gutter-start / gutter-end; - overflow: auto; - padding-block: var(--space-s); - - .line { - margin-inline: var(--gutter-width); - } - } }