Allow wrapping around emdashes

[Blog] / style.css

diff --git a/style.css b/style.css
index 48dab4da66830ba81846dcf5ffda79d2fbfa07cc..99469626feefd981d99f8614f3b022b715ab2993 100644 (file)
--- a/style.css
+++ b/style.css
@@ -18,6 +18,8 @@ nav li[resource] [rel="http://purl.org/dc/elements/1.1/creator"]:Last-Child::aft
 #entry\.author{ Margin-Block-End: 0; Margin-Inline: -1CH; Border: Thin #700020 Solid; Padding-Inline: 1CH; Color: #000000; Background: #D6B7BF; Box-Shadow: -2PX -2PX #992244, -4PX -4PX #B38A96; Font-Style: Italic }
 #entry\.author::before{ Content: "A blogpost by " }
 #entry\.author::after{ Content: "." }
+#entry\.author :Any-Link{ Color: Inherit }
+#entry\.author [property="http://xmlns.com/foaf/0.1/name"]{ Font-Weight: Bold }
 #entry\.published,main>article #entry\.updated,nav li[resource] time[property="http://purl.org/dc/elements/1.1/date"]{ Position: Absolute; Inset-Block: -1REM Auto; Inset-Inline: 2CH Auto; Margin: 0; Border-Style: Solid; Border-Block-Color: #E7BD51 #9DFF9D; Border-Inline-Color: #E7BD51 #9DFF9D; Border-Width: 1PX; Padding-Inline: 1CH; Inline-Size: Max-Content; Max-Inline-Size: 80%; Color: #001B5F; Background: #F0E3C0; Box-Shadow: 0 0 0 1PX #8F6600, Inset 0 0 0 1PX #8F6600, -1CH 0 0 1PX #0040E1; Opacity: Calc(23 / 24) }
 main>article #entry\.updated{ Inset-Block: Auto -1REM; Inset-Inline: Auto 2CH; Border-Block-Color: #9DFF9D #E7BD51; Border-Inline-Color: #9DFF9D #E7BD51 }
 nav li[resource] time[property="http://purl.org/dc/elements/1.1/date"]::before{ Content: "Published: " }
@@ -33,18 +35,21 @@ nav li[resource] time[property="http://purl.org/dc/elements/1.1/date"]::after{ C
 #entry\.content footer h2{ Margin-Block: .5EM; Font-Size: 1.25EM; }
 nav li[resource] div[property="http://purl.org/dc/elements/1.1/abstract"]{ Padding-Inline-Start: 4CH }
 nav li[resource] div[property="http://purl.org/dc/elements/1.1/abstract"]::before{ Display: Block; Margin-Block: .5EM; Margin-Inline: -2CH 0; Font-Style: Italic; Font-Weight: Bold; Letter-Spacing: Calc(1EM / 18); Text-Decoration: Underline; Content: "Summary:" }
-blockquote{ Border-Block-Color: #8396A9 #373F47; Border-Inline-Color: #8396A9 #373F47; Border-Style: Solid; Padding: .5REM 1CH; Color: #001B5F; Background: #E3E3E3; Box-Shadow: -2PX -2PX #D8E3FF, 2PX 2PX #6B95FF; Font-Style: Italic }
+blockquote{ Margin-Inline: 2CH; Border-Block-Color: #0040E1 #6B95FF; Border-Inline-Color: #0040E1 #6B95FF; Border-Style: Solid; Padding-Block: .5CH; Padding-Inline: 1CH; Color: #001B5F; Background: #D8E3FF; Box-Shadow: -2PX -2PX #A5BFFF, 2PX 2PX #2E69FF; Font-Style: Italic }
+blockquote>:First-Child{ Margin-Block-Start: 0 }
+blockquote>:Last-Child{ Margin-Block-End: 0 }
 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 }
+figcaption{ Margin-Block: .5EM 0; Margin-Inline: Auto; Border-Block-Start: Thin Solid; Padding-Block-Start: .25EM; Padding-Inline: 2CH; Max-Inline-Size: Max-Content; Color: #97596B; Font-Size: Smaller; Font-Style: Italic; Text-Align: Center }
 ol{ List-Style-Type: Decimal; List-Style-Type: Dotnum }
 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,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 }
+code{ Display: Inline-Block; Box-Sizing: Border-Box; Border: Thin Solid; Border-Radius: .25CH; Padding-Inline: .5CH; Max-Inline-Size: 100%; Overflow-Wrap: Break-Word; 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; White-Space: Pre-Wrap }
+pre>code,pre>code.hljs{ Display: Block; Border: /* to match the Shades of Purple theme */ #2D2B57 Outset; Padding-Block: 1EM; Padding-Inline: 2CH; Overflow-X: Auto; Color: /* to match the Shades of Purple theme */ #E3DFFF; Background: /* to match the Shades of Purple theme */ #2D2B57; Font-Size: .75REM; White-Space: Pre }
 p{ Margin-Block: .5EM }
 :Any-Link{ Color: #3AE6B5 }
 :Any-Link code{ Text-Decoration: Underline }
 main :Any-Link{ Color: #1F7D63 }
+blockquote :Any-Link{ Color: #0040E1 }
 main>header>p :Any-Link,main>nav>header>h1 :Any-Link{ Color: Inherit }
 main>footer :Any-Link{ Color: Inherit; Font-Style: Italic }
 main small{ Color: #700020 }