mirror of https://gitlab.com/curben/blog
fix(css): codeblock background
- also fix compatibility with Dark Reader regarding height rule - https://stackoverflow.com/a/6654996
This commit is contained in:
parent
ba1db670f4
commit
135aa1a7b3
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue