91 lines
1.3 KiB
CSS
91 lines
1.3 KiB
CSS
|
code.language-html,
|
||
|
|
code.language-css,
|
||
|
|
code.language-md,
|
||
|
|
code.language-cmd,
|
||
|
|
code.language-bash,
|
||
|
|
code.language-text,
|
||
|
|
code.language-js,
|
||
|
|
span.o,
|
||
|
|
span.nx {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
span.c {
|
||
|
|
color: hsl(120, 100%, 20%);
|
||
|
|
}
|
||
|
|
|
||
|
|
span.p,
|
||
|
|
span.s1,
|
||
|
|
span.s2,
|
||
|
|
span.nt {
|
||
|
|
color: hsl(40, 100%, 30%);
|
||
|
|
}
|
||
|
|
|
||
|
|
span.gs,
|
||
|
|
span.gh,
|
||
|
|
span.ge {
|
||
|
|
color: hsl(208, 100%, 50%);
|
||
|
|
}
|
||
|
|
|
||
|
|
span.gs {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
span.ge {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre,
|
||
|
|
code {
|
||
|
|
@apply font-mono;
|
||
|
|
}
|
||
|
|
|
||
|
|
code {
|
||
|
|
background-color: hsl(0, 0%, 98%);
|
||
|
|
border-radius: 3px;
|
||
|
|
color: hsl(120, 100%, 20%);
|
||
|
|
font-size: 85%;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre {
|
||
|
|
margin: 0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 1rem;
|
||
|
|
overflow: scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre code {
|
||
|
|
background-color: transparent;
|
||
|
|
color: inherit;
|
||
|
|
font-size: 100%;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.highlight {
|
||
|
|
background-color: transparent;
|
||
|
|
border-radius: 3px;
|
||
|
|
margin: 0 0 0.5rem;
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
& pre {
|
||
|
|
margin-bottom: 0;
|
||
|
|
overflow-x: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
& .lineno {
|
||
|
|
color: hsla(0, 0%, 67%, 0.72);
|
||
|
|
display: inline-block; /* Ensures the null space also isn't selectable */
|
||
|
|
padding: 0 0.75rem 0 0.25rem;
|
||
|
|
/* Make sure numbers aren't selectable */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TODO: dark theme for future
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
code {
|
||
|
|
color: #fff;
|
||
|
|
background: hsl(200, 63%, 15%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|