From: Lady Date: Wed, 10 May 2023 01:31:05 +0000 (-0700) Subject: Fix styling of non-highlighted code blocks X-Git-Url: https://git.ladys.computer/Blog/commitdiff_plain/b5ee3171c80dbe83c0d767074ba8672170704a98 Fix styling of non-highlighted code blocks --- diff --git a/style.css b/style.css index 6f6355f..fa9c463 100644 --- a/style.css +++ b/style.css @@ -34,9 +34,9 @@ blockquote{ Border-Block-Color: #8396A9 #373F47; Border-Inline-Color: #8396A9 #3 figure{ Margin-Block: .5EM; Margin-Inline: Auto; Max-Inline-Size: Max-Content } figure>:First-Child:Nth-Last-Child(2){ Margin-Block-Start: 0; Margin-Block-End: 0 } figcaption{ Margin-Block: .5EM 0; Margin-Inline: Auto; Border-Block-Start: Thin Solid; Padding-Block-Start: .25EM; Padding-Inline: 2CH; Inline-Size: Max-Content; Color: #97596B; Font-Size: Smaller; Font-Style: Italic; Text-Align: Center } -pre{ Margin-Block: .5EM; Font: Inherit } +pre{ Margin-Block: .5EM; Overflow-X: Auto; Font: Inherit } code{ Display: Inline-Block; Border: Thin Solid; Border-Radius: .25CH; Padding-Inline: .5CH; Color: /* to match the Shades of Purple theme */ #2D2B57; Background: /* to match the Shades of Purple theme */ #E3DFFF; Font-Size: .75REM; Font-Family: /* to match the Shades of Purple theme */ 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace'; Line-Height: /* to match the Shades of Purple theme */ 1.45 } -pre>code.hljs{ Display: Block; Border: /* to match the Shades of Purple theme */ #2D2B57 Outset; Padding-Block: 1EM; Padding-Inline: 2CH; Font-Size: .75REM } +pre>code,pre>code.hljs{ Display: Block; Border: /* to match the Shades of Purple theme */ #2D2B57 Outset; Padding-Block: 1EM; Padding-Inline: 2CH; Color: /* to match the Shades of Purple theme */ #E3DFFF; Background: /* to match the Shades of Purple theme */ #2D2B57; Font-Size: .75REM } p{ Margin-Block: .5EM } :Any-Link{ Color: #3AE6B5 } main :Any-Link{ Color: #1F7D63 }