1
0
Fork 0

.note supports dark mode and looks like code blocks; inline code has not backticks around

This commit is contained in:
Malte Bublitz 2023-10-31 19:28:03 +01:00
parent 566c096021
commit d9d0cbb42f
Signed by: malte70
GPG key ID: 605DA5C729F9C184

View file

@ -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 - <https://geekthis.net/post/hugo-footnotes-and-citations/> */
@ -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: "";
}