UX: Multiple codeblocks fixes (#29898)
This commit is contained in:
parent
4b23e6d248
commit
44fbf1048c
|
@ -113,6 +113,7 @@
|
|||
--hljs-attribute: #{$hljs-attribute};
|
||||
--hljs-addition: #{$hljs-addition};
|
||||
--hljs-bg: #{$hljs-bg};
|
||||
--inline-code-bg: #{$inline-code-bg};
|
||||
--hljs-comment: #{$hljs-comment};
|
||||
--hljs-deletion: #{$hljs-deletion};
|
||||
--hljs-keyword: #{$hljs-keyword};
|
||||
|
|
|
@ -1,12 +1,14 @@
|
|||
/* originally based on github.com style (c) Vasily Polovnyov <vast@whiteants.net> */
|
||||
|
||||
p > code,
|
||||
li > code,
|
||||
pre > code,
|
||||
strong > code,
|
||||
em > code {
|
||||
font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono",
|
||||
Menlo, Monaco, Consolas, monospace;
|
||||
padding: 2px 4px;
|
||||
background: var(--inline-code-bg);
|
||||
white-space: pre-wrap;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
code {
|
||||
color: var(--primary-very-high);
|
||||
background: var(--hljs-bg);
|
||||
border-radius: var(--d-button-border-radius);
|
||||
|
@ -14,11 +16,10 @@ em > code {
|
|||
line-height: calc((13 + 4) / 13);
|
||||
}
|
||||
|
||||
.hljs {
|
||||
pre > code {
|
||||
display: block;
|
||||
padding: 12px;
|
||||
color: var(--primary-very-high);
|
||||
background-color: var(--hljs-bg);
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
|
|
|
@ -920,15 +920,6 @@ aside.quote {
|
|||
pre {
|
||||
max-height: 2000px;
|
||||
|
||||
code {
|
||||
word-wrap: normal;
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
color: var(--primary);
|
||||
background: var(--blend-primary-secondary-5);
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.bidi-warning,
|
||||
.bidi-warning span {
|
||||
font-style: normal;
|
||||
|
|
|
@ -12,9 +12,8 @@
|
|||
--d-button-border-radius: 2px;
|
||||
--d-input-border-radius: 2px;
|
||||
--d-content-background: initial;
|
||||
--d-font-family--monospace: Consolas, Menlo, Monaco, "Lucida Console",
|
||||
"Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono",
|
||||
"Courier New", monospace;
|
||||
--d-font-family--monospace: ui-monospace, "Cascadia Mono", "Segoe UI Mono",
|
||||
"Liberation Mono", Menlo, Monaco, Consolas, monospace;
|
||||
--d-button-transition: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -166,6 +166,7 @@ $hljs-attr: dark-light-choose(#015692, #88aece) !default;
|
|||
$hljs-attribute: dark-light-choose(#803378, #c59bc1) !default;
|
||||
$hljs-addition: dark-light-choose(#2f6f44, #76c490) !default;
|
||||
$hljs-bg: dark-light-choose($primary-50, rgba(0, 0, 0, 0.25)) !default;
|
||||
$inline-code-bg: dark-light-choose($primary-100, rgba(0, 0, 0, 0.35)) !default;
|
||||
$hljs-comment: $primary-500 !default;
|
||||
$hljs-deletion: dark-light-choose(#c02d2e, #de7176) !default;
|
||||
$hljs-keyword: dark-light-choose(#015692, #88aece) !default;
|
||||
|
|
Loading…
Reference in New Issue