fix(css): codeblock background

- also fix compatibility with Dark Reader regarding height rule
  - https://stackoverflow.com/a/6654996
This commit is contained in:
curben 2019-09-06 10:47:49 +01:00
parent ba1db670f4
commit 135aa1a7b3
No known key found for this signature in database
GPG Key ID: 5D9DB57A25D34EE3
1 changed files with 14 additions and 14 deletions

View File

@ -5,6 +5,7 @@
html { html {
cursor: unset; cursor: unset;
height: 100%;
line-height: 1.15; line-height: 1.15;
} }
@ -13,14 +14,11 @@ body {
background: black; background: black;
font-family: sans-serif; font-family: sans-serif;
font-size: 1.2em; font-size: 1.2em;
/* https://stackoverflow.com/a/6654996 */
min-height: 100%;
line-height: 1.5; line-height: 1.5;
} }
html,
body {
height: 100%;
}
/* /*
* Restrict sizing to the page width in all browsers (opinionated). * Restrict sizing to the page width in all browsers (opinionated).
* sanitize/page * sanitize/page
@ -162,6 +160,7 @@ legend {
font-weight: inherit; font-weight: inherit;
} }
.highlight,
code, code,
kbd, kbd,
pre, pre,
@ -629,19 +628,18 @@ td {
border: 1px solid #ddd; border: 1px solid #ddd;
} }
.article-entry .highlight .line.marked { .highlight .line.marked {
background: #444; background: #444;
} }
.article-entry .highlight, .highlight {
.article-entry pre {
padding: 1em; padding: 1em;
font-size: 0.9em; font-size: 0.9em;
overflow: auto; overflow: auto;
line-height: 1.8; line-height: 1.8;
} }
.article-entry .highlight .gutter pre { .highlight .gutter pre {
color: #cacdd0; color: #cacdd0;
font-size: 0.9em; font-size: 0.9em;
} }
@ -652,29 +650,29 @@ td {
padding: 0; padding: 0;
} }
.article-entry .highlight pre { .highlight pre {
border: 0; border: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.article-entry .highlight table { .highlight table {
margin: 0; margin: 0;
width: 100%; width: 100%;
} }
.article-entry .highlight td { .highlight td {
border: 0; border: 0;
padding: 0; padding: 0;
} }
pre .comment, pre .comment,
pre .title, pre .title,
.article-entry .highlight figcaption { .highlight figcaption {
color: #8e908c; color: #8e908c;
} }
.article-entry .highlight figcaption a { highlight figcaption a {
float: right; float: right;
} }
@ -937,6 +935,7 @@ svg#link {
color: white; color: white;
} }
.highlight,
code, code,
kbd, kbd,
pre, pre,
@ -960,6 +959,7 @@ svg#link {
color: black; color: black;
} }
.highlight,
code, code,
kbd, kbd,
pre, pre,