WIP: try to fix some content styling issues
This commit is contained in:
parent
4629fad054
commit
f4feb28827
2 changed files with 9 additions and 6 deletions
|
@ -80,7 +80,7 @@
|
||||||
}
|
}
|
||||||
ul {list-style: disc;}
|
ul {list-style: disc;}
|
||||||
ol {list-style: decimal;}
|
ol {list-style: decimal;}
|
||||||
li {margin-block-end: 1em; line-height: 1.4; margin-inline-start: 1em;}
|
li {margin-block-end: 1em; line-height: 2; margin-inline-start: 1em;}
|
||||||
dl {margin-block: 1em; line-height: 1.4;}
|
dl {margin-block: 1em; line-height: 1.4;}
|
||||||
dt {font-weight: 700;}
|
dt {font-weight: 700;}
|
||||||
dd {margin-inline-start: 1em;}
|
dd {margin-inline-start: 1em;}
|
||||||
|
@ -99,10 +99,12 @@
|
||||||
}
|
}
|
||||||
pre {
|
pre {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
|
font-size: 1rem;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
overflow-inline: auto;
|
overflow: auto;
|
||||||
white-space: pre;
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
display: grid;
|
display: grid;
|
||||||
tab-size: 3;
|
tab-size: 3;
|
||||||
margin-block-end: 1em;
|
margin-block-end: 1em;
|
||||||
|
@ -112,6 +114,7 @@
|
||||||
background: var(--ui-overlay);
|
background: var(--ui-overlay);
|
||||||
color: var(--ui-overlay-text);
|
color: var(--ui-overlay-text);
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
:not(.highlight) > pre {
|
:not(.highlight) > pre {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -31,9 +31,9 @@
|
||||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||||
/* LineHighlight */ .chroma .hl { background-color: var(--highlight) }
|
/* LineHighlight */ .chroma .hl { background-color: var(--highlight) }
|
||||||
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
/* LineNumbersTable */ .chroma .lnt { white-space: pre-wrap; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
/* LineNumbers */ .chroma .ln { white-space: pre-wrap; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||||
/* Line */ .chroma .line { display: flex; white-space: pre }
|
/* Line */ .chroma .line { display: flex; white-space: pre-wrap }
|
||||||
/* Keyword */ .chroma .k { color: var(--keyword); font-weight: bold }
|
/* Keyword */ .chroma .k { color: var(--keyword); font-weight: bold }
|
||||||
/* KeywordConstant */ .chroma .kc { color: var(--keyword); font-weight: bold }
|
/* KeywordConstant */ .chroma .kc { color: var(--keyword); font-weight: bold }
|
||||||
/* KeywordDeclaration */ .chroma .kd { color: var(--keyword); font-weight: bold }
|
/* KeywordDeclaration */ .chroma .kd { color: var(--keyword); font-weight: bold }
|
||||||
|
|
Loading…
Reference in a new issue