Change pre code css in markdown

This commit is contained in:
cuom1999 2024-01-18 19:46:41 -06:00
parent d75a498d18
commit aef795b40c
24 changed files with 200 additions and 397 deletions

View file

@ -21,11 +21,9 @@
font-family: $monospace-fonts !important;
margin: 0 2px;
padding: 0 5px;
border: 1px solid $border_gray;
background-color: #f8f8f8;
background-color: var(--md-code-bg-color);
border-radius: $widget_border_radius;
font-size: 0.95em;
color: #444;
color: var(--md-code-fg-color);
}
pre {
@ -36,17 +34,16 @@
padding: 0;
background: transparent;
font-size: 1em;
color: black;
color: var(--md-code-fg-color);
}
white-space: pre-wrap;
word-wrap: break-word;
padding: 1em;
border: 1px solid $border_gray;
background-color: #f8f8f8;
color: black;
border-radius: $widget_border_radius;
padding: 0.5em 1em;
background-color: var(--md-code-bg-color);
color: var(--md-code-fg-color);
border-radius: 3px;
}
pre.no-border {
@ -57,6 +54,10 @@
border-radius: none;
}
.linenos pre {
padding-right: 0;
}
b, strong {
font-weight: bold;
}
@ -170,7 +171,10 @@ pre {
}
@media (min-width: 700px) {
@media (min-width: 800px) {
.content-description pre:has(code) {
min-width: 20em;
}
#common-content {
display: flex;
flex-direction: row-reverse;
@ -206,7 +210,7 @@ pre {
}
}
@media not all and (min-width: 700px) {
@media not all and (min-width: 800px) {
#content-right .info-float {
float: none;
width: 100% !important;