Markdown: Enable wrapping in code blocks and a color tweak (#13894)
- Enable wrapping of long lines in code blocks like already done in code view. - Slightly lighten the background of code blocks on default theme - Darken the background on inline code and kbd elements on arc-green Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
parent
af79677a44
commit
48dd0e21f9
|
@ -96,7 +96,7 @@
|
||||||
--color-menu: #ffffff;
|
--color-menu: #ffffff;
|
||||||
--color-card: #ffffff;
|
--color-card: #ffffff;
|
||||||
--color-markdown-table-row: #00000008;
|
--color-markdown-table-row: #00000008;
|
||||||
--color-markdown-code-block: #00000010;
|
--color-markdown-code-block: #00000008;
|
||||||
--color-button: #ffffff;
|
--color-button: #ffffff;
|
||||||
--color-code-bg: #ffffff;
|
--color-code-bg: #ffffff;
|
||||||
--color-shadow: #00000024;
|
--color-shadow: #00000024;
|
||||||
|
|
|
@ -343,7 +343,7 @@
|
||||||
padding: .2em .3em;
|
padding: .2em .3em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
background-color: var(--color-label);
|
background-color: var(--color-markdown-code-block);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -360,8 +360,9 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
word-break: normal;
|
white-space: pre-wrap;
|
||||||
white-space: pre;
|
word-break: break-all;
|
||||||
|
overflow-wrap: break-word;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
@ -373,7 +374,6 @@
|
||||||
.highlight pre,
|
.highlight pre,
|
||||||
pre {
|
pre {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
overflow: auto;
|
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
line-height: 1.45;
|
line-height: 1.45;
|
||||||
background-color: var(--color-markdown-code-block);
|
background-color: var(--color-markdown-code-block);
|
||||||
|
@ -416,7 +416,7 @@
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
color: var(--color-text-light);
|
color: var(--color-text-light);
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background-color: var(--color-label);
|
background-color: var(--color-markdown-code-block);
|
||||||
border: 1px solid var(--color-secondary);
|
border: 1px solid var(--color-secondary);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: inset 0 -1px 0 var(--color-secondary);
|
box-shadow: inset 0 -1px 0 var(--color-secondary);
|
||||||
|
|
Loading…
Reference in a new issue