Add styling for <code> tags

This commit is contained in:
Tanner Collin 2021-04-09 05:01:11 +00:00
parent fac9de10aa
commit 3e0e0beb0f

View File

@ -15,6 +15,12 @@ a {
pre { pre {
font-size: 1rem; font-size: 1rem;
padding: 1rem; padding: 1rem;
overflow-x: auto;
}
:not(pre)>code {
padding: 0 2px;
font-size: 0.9rem;
} }
.container { .container {
@ -187,6 +193,10 @@ pre {
background-color: #ddd; background-color: #ddd;
} }
:not(pre)>code {
background-color: #ddd;
}
.toc { .toc {
background-color: #ddd; background-color: #ddd;
} }
@ -209,6 +219,10 @@ body.dark pre {
background-color: #222; background-color: #222;
} }
body.dark :not(pre)>code {
background-color: #222;
}
body.dark .toc { body.dark .toc {
background-color: #222; background-color: #222;
} }
@ -240,6 +254,10 @@ body.dark .contact-icons img {
background-color: #ddd; background-color: #ddd;
} }
body.light :not(pre)>code {
background-color: #ddd;
}
body.light .toc { body.light .toc {
background-color: #ddd; background-color: #ddd;
} }
@ -270,6 +288,10 @@ body.dark .contact-icons img {
background-color: #222; background-color: #222;
} }
:not(pre)>code {
background-color: #222;
}
.toc { .toc {
background-color: #222; background-color: #222;
} }