WIP: try to fix some content styling issues

This commit is contained in:
a 2024-10-06 00:28:23 -05:00
parent 4629fad054
commit f4feb28827
2 changed files with 9 additions and 6 deletions

View file

@ -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;

View file

@ -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 }