From d9d0cbb42f60b2753b62e70cc220fdcfeff98d9f Mon Sep 17 00:00:00 2001 From: Malte Bublitz Date: Tue, 31 Oct 2023 19:28:03 +0100 Subject: [PATCH] .note supports dark mode and looks like code blocks; inline code has not backticks around --- assets/custom.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/assets/custom.css b/assets/custom.css index ef97dde..a78320b 100644 --- a/assets/custom.css +++ b/assets/custom.css @@ -7,9 +7,23 @@ dl dd { /* Notiz-Block/Anmerkungen */ .note { - border: .25em solid #FCAF3E; + /*border: .25em solid #FCAF3E;*/ + border-radius: 6px; padding: .5em; background:#FCE94F; + + /* from .highlight pre */ + margin: 27px -32px; + padding: 32px; +} +:is(.dark body) .note { + color: #111; +} +:is(.dark body) .note code { + color: #111; +} +:is(.dark body) .note a:link, :is(.dark body) .note a:visited, :is(.dark body) .note a:hover, :is(.dark body) .note a:active { + color: #111; } /* Fußnoten - */ @@ -19,3 +33,13 @@ a.footnote-ref::before { a.footnote-ref::after { content: ']'; } + +/* inline code blocks */ +.prose :where(code):not(:where([class~=not-prose] *))::before { + /*content: "`";*/ + content: ""; +} +.prose :where(code):not(:where([class~=not-prose] *))::after { + /*content: "`";*/ + content: ""; +}