73 lines
2.0 KiB
CSS
73 lines
2.0 KiB
CSS
/*
|
|
Kyler Olsen
|
|
November 2023
|
|
*/
|
|
|
|
.code {
|
|
position: relative;
|
|
}
|
|
|
|
.code > pre {
|
|
padding: 5px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.code > pre > code {
|
|
display: block;
|
|
min-height: 1rem;
|
|
}
|
|
|
|
.view-code {
|
|
background-color: #002240;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.edit-code {
|
|
color: transparent;
|
|
/* border: 1px dotted #4242de; */
|
|
}
|
|
|
|
.idle-light .view-code { background-color: #ffffff; color: #000000; }
|
|
.idle-light .edit-code { caret-color: #000000; }
|
|
.idle-light .token { color: #000000 }
|
|
.idle-light .comment { color: #dd0000 }
|
|
.idle-light .output { color: #000000 }
|
|
.idle-light .error { color: #000000 }
|
|
.idle-light .literal { color: #000000 }
|
|
.idle-light .literal.string { color: #00aa00 }
|
|
.idle-light .escape { color: #000000 }
|
|
.idle-light .identifier { color: #000000 }
|
|
.idle-light .identifier.function { color: #0000ff }
|
|
.idle-light .identifier.class { color: #0000ff }
|
|
.idle-light .keyword { color: #ff7700 }
|
|
.idle-light .builtin { color: #900090 }
|
|
.idle-light .operator { color: #000000 }
|
|
.idle-light .punctuation { color: #000000 }
|
|
.idle-light .whitespace { color: #000000 }
|
|
.idle-light .token-sep { display: none; }
|
|
|
|
.idle-dark .view-code { background-color: #002240; color: #ffffff; }
|
|
.idle-dark .edit-code { caret-color: #ffffff; }
|
|
.idle-dark .token { color: #ffffff }
|
|
.idle-dark .comment { color: #dd0000 }
|
|
.idle-dark .output { color: #ffffff }
|
|
.idle-dark .error { color: #ffffff }
|
|
.idle-dark .literal { color: #ffffff }
|
|
.idle-dark .literal.string { color: #02ff02 }
|
|
.idle-dark .escape { color: #ffffff }
|
|
.idle-dark .identifier { color: #ffffff }
|
|
.idle-dark .identifier.function { color: #5e5eff }
|
|
.idle-dark .identifier.class { color: #5e5eff }
|
|
.idle-dark .keyword { color: #ff8000 }
|
|
.idle-dark .keyword.operator { color: #ff8000 }
|
|
.idle-dark .builtin { color: #ff00ff }
|
|
.idle-dark .operator { color: #ffffff }
|
|
.idle-dark .punctuation { color: #ffffff }
|
|
.idle-dark .whitespace { color: #ffffff }
|
|
.idle-dark .token-sep { display: none; }
|