1038 lines
81 KiB
CSS
1038 lines
81 KiB
CSS
|
|
/* BASICS */
|
||
|
|
|
||
|
|
.CodeMirror {
|
||
|
|
/* Set height, width, borders, and global font properties here */
|
||
|
|
font-family: monospace;
|
||
|
|
height: 300px;
|
||
|
|
color: black;
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PADDING */
|
||
|
|
|
||
|
|
.CodeMirror-lines {
|
||
|
|
padding: 4px 0; /* Vertical padding around content */
|
||
|
|
}
|
||
|
|
.CodeMirror pre.CodeMirror-line,
|
||
|
|
.CodeMirror pre.CodeMirror-line-like {
|
||
|
|
padding: 0 4px; /* Horizontal padding of content */
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
|
|
background-color: white; /* The little square between H and V scrollbars */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* GUTTER */
|
||
|
|
|
||
|
|
.CodeMirror-gutters {
|
||
|
|
border-right: 1px solid #ddd;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.CodeMirror-linenumbers {}
|
||
|
|
.CodeMirror-linenumber {
|
||
|
|
padding: 0 3px 0 5px;
|
||
|
|
min-width: 20px;
|
||
|
|
text-align: right;
|
||
|
|
color: #999;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-guttermarker { color: black; }
|
||
|
|
.CodeMirror-guttermarker-subtle { color: #999; }
|
||
|
|
|
||
|
|
/* CURSOR */
|
||
|
|
|
||
|
|
.CodeMirror-cursor {
|
||
|
|
border-left: 1px solid black;
|
||
|
|
border-right: none;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
/* Shown when moving in bi-directional text */
|
||
|
|
.CodeMirror div.CodeMirror-secondarycursor {
|
||
|
|
border-left: 1px solid silver;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor .CodeMirror-cursor {
|
||
|
|
width: auto;
|
||
|
|
border: 0 !important;
|
||
|
|
background: #7e7;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor div.CodeMirror-cursors {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor .CodeMirror-line::selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span::selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
|
||
|
|
.cm-fat-cursor .CodeMirror-line::-moz-selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
|
||
|
|
.cm-fat-cursor { caret-color: transparent; }
|
||
|
|
@-moz-keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
@keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Can style cursor different in overwrite (non-insert) mode */
|
||
|
|
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||
|
|
|
||
|
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||
|
|
|
||
|
|
.CodeMirror-rulers {
|
||
|
|
position: absolute;
|
||
|
|
left: 0; right: 0; top: -50px; bottom: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.CodeMirror-ruler {
|
||
|
|
border-left: 1px solid #ccc;
|
||
|
|
top: 0; bottom: 0;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* DEFAULT THEME */
|
||
|
|
|
||
|
|
.cm-s-default .cm-header {color: blue;}
|
||
|
|
.cm-s-default .cm-quote {color: #090;}
|
||
|
|
.cm-negative {color: #d44;}
|
||
|
|
.cm-positive {color: #292;}
|
||
|
|
.cm-header, .cm-strong {font-weight: bold;}
|
||
|
|
.cm-em {font-style: italic;}
|
||
|
|
.cm-link {text-decoration: underline;}
|
||
|
|
.cm-strikethrough {text-decoration: line-through;}
|
||
|
|
|
||
|
|
.cm-s-default .cm-keyword {color: #708;}
|
||
|
|
.cm-s-default .cm-atom {color: #219;}
|
||
|
|
.cm-s-default .cm-number {color: #164;}
|
||
|
|
.cm-s-default .cm-def {color: #00f;}
|
||
|
|
.cm-s-default .cm-variable,
|
||
|
|
.cm-s-default .cm-punctuation,
|
||
|
|
.cm-s-default .cm-property,
|
||
|
|
.cm-s-default .cm-operator {}
|
||
|
|
.cm-s-default .cm-variable-2 {color: #05a;}
|
||
|
|
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
|
||
|
|
.cm-s-default .cm-comment {color: #a50;}
|
||
|
|
.cm-s-default .cm-string {color: #a11;}
|
||
|
|
.cm-s-default .cm-string-2 {color: #f50;}
|
||
|
|
.cm-s-default .cm-meta {color: #555;}
|
||
|
|
.cm-s-default .cm-qualifier {color: #555;}
|
||
|
|
.cm-s-default .cm-builtin {color: #30a;}
|
||
|
|
.cm-s-default .cm-bracket {color: #997;}
|
||
|
|
.cm-s-default .cm-tag {color: #170;}
|
||
|
|
.cm-s-default .cm-attribute {color: #00c;}
|
||
|
|
.cm-s-default .cm-hr {color: #999;}
|
||
|
|
.cm-s-default .cm-link {color: #00c;}
|
||
|
|
|
||
|
|
.cm-s-default .cm-error {color: #f00;}
|
||
|
|
.cm-invalidchar {color: #f00;}
|
||
|
|
|
||
|
|
.CodeMirror-composing { border-bottom: 2px solid; }
|
||
|
|
|
||
|
|
/* Default styles for common addons */
|
||
|
|
|
||
|
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
|
||
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||
|
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||
|
|
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||
|
|
|
||
|
|
/* STOP */
|
||
|
|
|
||
|
|
/* The rest of this file contains styles related to the mechanics of
|
||
|
|
the editor. You probably shouldn't touch them. */
|
||
|
|
|
||
|
|
.CodeMirror {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-scroll {
|
||
|
|
overflow: scroll !important; /* Things will break if this is overridden */
|
||
|
|
/* 50px is the magic margin used to hide the element's real scrollbars */
|
||
|
|
/* See overflow: hidden in .CodeMirror */
|
||
|
|
margin-bottom: -50px; margin-right: -50px;
|
||
|
|
padding-bottom: 50px;
|
||
|
|
height: 100%;
|
||
|
|
outline: none; /* Prevent dragging from highlighting the element */
|
||
|
|
position: relative;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.CodeMirror-sizer {
|
||
|
|
position: relative;
|
||
|
|
border-right: 50px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||
|
|
before actual scrolling happens, thus preventing shaking and
|
||
|
|
flickering artifacts. */
|
||
|
|
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 6;
|
||
|
|
display: none;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.CodeMirror-vscrollbar {
|
||
|
|
right: 0; top: 0;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
.CodeMirror-hscrollbar {
|
||
|
|
bottom: 0; left: 0;
|
||
|
|
overflow-y: hidden;
|
||
|
|
overflow-x: scroll;
|
||
|
|
}
|
||
|
|
.CodeMirror-scrollbar-filler {
|
||
|
|
right: 0; bottom: 0;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-filler {
|
||
|
|
left: 0; bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-gutters {
|
||
|
|
position: absolute; left: 0; top: 0;
|
||
|
|
min-height: 100%;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter {
|
||
|
|
white-space: normal;
|
||
|
|
height: 100%;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
margin-bottom: -50px;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 4;
|
||
|
|
background: none !important;
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-background {
|
||
|
|
position: absolute;
|
||
|
|
top: 0; bottom: 0;
|
||
|
|
z-index: 4;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-elt {
|
||
|
|
position: absolute;
|
||
|
|
cursor: default;
|
||
|
|
z-index: 4;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||
|
|
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||
|
|
|
||
|
|
.CodeMirror-lines {
|
||
|
|
cursor: text;
|
||
|
|
min-height: 1px; /* prevents collapsing before first draw */
|
||
|
|
}
|
||
|
|
.CodeMirror pre.CodeMirror-line,
|
||
|
|
.CodeMirror pre.CodeMirror-line-like {
|
||
|
|
/* Reset some styles that the rest of the page might have set */
|
||
|
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||
|
|
border-width: 0;
|
||
|
|
background: transparent;
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
margin: 0;
|
||
|
|
white-space: pre;
|
||
|
|
word-wrap: normal;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
z-index: 2;
|
||
|
|
position: relative;
|
||
|
|
overflow: visible;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
-webkit-font-variant-ligatures: contextual;
|
||
|
|
font-variant-ligatures: contextual;
|
||
|
|
}
|
||
|
|
.CodeMirror-wrap pre.CodeMirror-line,
|
||
|
|
.CodeMirror-wrap pre.CodeMirror-line-like {
|
||
|
|
word-wrap: break-word;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-break: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-linebackground {
|
||
|
|
position: absolute;
|
||
|
|
left: 0; right: 0; top: 0; bottom: 0;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-linewidget {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-widget {}
|
||
|
|
|
||
|
|
.CodeMirror-rtl pre { direction: rtl; }
|
||
|
|
|
||
|
|
.CodeMirror-code {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Force content-box sizing for the elements where we expect it */
|
||
|
|
.CodeMirror-scroll,
|
||
|
|
.CodeMirror-sizer,
|
||
|
|
.CodeMirror-gutter,
|
||
|
|
.CodeMirror-gutters,
|
||
|
|
.CodeMirror-linenumber {
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-measure {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-cursor {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.CodeMirror-measure pre { position: static; }
|
||
|
|
|
||
|
|
div.CodeMirror-cursors {
|
||
|
|
visibility: hidden;
|
||
|
|
position: relative;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
div.CodeMirror-dragcursors {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-focused div.CodeMirror-cursors {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-selected { background: #d9d9d9; }
|
||
|
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||
|
|
.CodeMirror-crosshair { cursor: crosshair; }
|
||
|
|
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||
|
|
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||
|
|
|
||
|
|
.cm-searching {
|
||
|
|
background-color: #ffa;
|
||
|
|
background-color: rgba(255, 255, 0, .4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Used to force a border model for a node */
|
||
|
|
.cm-force-border { padding-right: .1px; }
|
||
|
|
|
||
|
|
@media print {
|
||
|
|
/* Hide the cursor when printing */
|
||
|
|
.CodeMirror div.CodeMirror-cursors {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* See issue #2901 */
|
||
|
|
.cm-tab-wrap-hack:after { content: ''; }
|
||
|
|
|
||
|
|
/* Help users use markselection to safely style text background */
|
||
|
|
span.CodeMirror-selectedtext { background: none; }
|
||
|
|
|
||
|
|
.diff-added {
|
||
|
|
background-color:rgb(74 222 128 / 0.15) /* #4ade80 */;
|
||
|
|
}
|
||
|
|
.diff-removed {
|
||
|
|
background-color:rgb(248 113 113 / 0.15) /* #f87171 */;
|
||
|
|
}
|
||
|
|
.diff-added-inline {
|
||
|
|
background-color:rgb(74 222 128 / 0.3) /* #4ade80 */;
|
||
|
|
}
|
||
|
|
.diff-removed-inline {
|
||
|
|
background-color:rgb(248 113 113 / 0.3) /* #f87171 */;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
||
|
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
||
|
|
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
|
||
|
|
*/
|
||
|
|
|
||
|
|
*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
box-sizing: border-box; /* 1 */
|
||
|
|
border-width: 0; /* 2 */
|
||
|
|
border-style: solid; /* 2 */
|
||
|
|
border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
--un-content: '';
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Use a consistent sensible line-height in all browsers.
|
||
|
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
||
|
|
3. Use a more readable tab size.
|
||
|
|
4. Use the user's configured `sans` font-family by default.
|
||
|
|
5. Use the user's configured `sans` font-feature-settings by default.
|
||
|
|
6. Use the user's configured `sans` font-variation-settings by default.
|
||
|
|
7. Disable tap highlights on iOS.
|
||
|
|
*/
|
||
|
|
|
||
|
|
html,
|
||
|
|
:host {
|
||
|
|
line-height: 1.5; /* 1 */
|
||
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||
|
|
-moz-tab-size: 4; /* 3 */
|
||
|
|
tab-size: 4; /* 3 */
|
||
|
|
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
||
|
|
font-feature-settings: normal; /* 5 */
|
||
|
|
font-variation-settings: normal; /* 6 */
|
||
|
|
-webkit-tap-highlight-color: transparent; /* 7 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Remove the margin in all browsers.
|
||
|
|
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0; /* 1 */
|
||
|
|
line-height: inherit; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Add the correct height in Firefox.
|
||
|
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||
|
|
3. Ensure horizontal rules are visible by default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
hr {
|
||
|
|
height: 0; /* 1 */
|
||
|
|
color: inherit; /* 2 */
|
||
|
|
border-top-width: 1px; /* 3 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
abbr:where([title]) {
|
||
|
|
text-decoration: underline dotted;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Remove the default font size and weight for headings.
|
||
|
|
*/
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Reset links to optimize for opt-in styling instead of opt-out.
|
||
|
|
*/
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct font weight in Edge and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
b,
|
||
|
|
strong {
|
||
|
|
font-weight: bolder;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Use the user's configured `mono` font-family by default.
|
||
|
|
2. Use the user's configured `mono` font-feature-settings by default.
|
||
|
|
3. Use the user's configured `mono` font-variation-settings by default.
|
||
|
|
4. Correct the odd `em` font sizing in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
samp,
|
||
|
|
pre {
|
||
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
||
|
|
font-feature-settings: normal; /* 2 */
|
||
|
|
font-variation-settings: normal; /* 3 */
|
||
|
|
font-size: 1em; /* 4 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct font size in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
small {
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
sub,
|
||
|
|
sup {
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 0;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
sub {
|
||
|
|
bottom: -0.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
top: -0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||
|
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||
|
|
3. Remove gaps between table borders by default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
table {
|
||
|
|
text-indent: 0; /* 1 */
|
||
|
|
border-color: inherit; /* 2 */
|
||
|
|
border-collapse: collapse; /* 3 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Change the font styles in all browsers.
|
||
|
|
2. Remove the margin in Firefox and Safari.
|
||
|
|
3. Remove default padding in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-family: inherit; /* 1 */
|
||
|
|
font-feature-settings: inherit; /* 1 */
|
||
|
|
font-variation-settings: inherit; /* 1 */
|
||
|
|
font-size: 100%; /* 1 */
|
||
|
|
font-weight: inherit; /* 1 */
|
||
|
|
line-height: inherit; /* 1 */
|
||
|
|
color: inherit; /* 1 */
|
||
|
|
margin: 0; /* 2 */
|
||
|
|
padding: 0; /* 3 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Remove the inheritance of text transform in Edge and Firefox.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
select {
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
2. Remove default button styles.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
[type='button'],
|
||
|
|
[type='reset'],
|
||
|
|
[type='submit'] {
|
||
|
|
-webkit-appearance: button; /* 1 */
|
||
|
|
background-color: transparent; /* 2 */
|
||
|
|
background-image: none; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Use the modern Firefox focus style for all focusable elements.
|
||
|
|
*/
|
||
|
|
|
||
|
|
:-moz-focusring {
|
||
|
|
outline: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
||
|
|
*/
|
||
|
|
|
||
|
|
:-moz-ui-invalid {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct vertical alignment in Chrome and Firefox.
|
||
|
|
*/
|
||
|
|
|
||
|
|
progress {
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Correct the cursor style of increment and decrement buttons in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-inner-spin-button,
|
||
|
|
::-webkit-outer-spin-button {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Correct the odd appearance in Chrome and Safari.
|
||
|
|
2. Correct the outline style in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
[type='search'] {
|
||
|
|
-webkit-appearance: textfield; /* 1 */
|
||
|
|
outline-offset: -2px; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Remove the inner padding in Chrome and Safari on macOS.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-search-decoration {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
2. Change font properties to `inherit` in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-file-upload-button {
|
||
|
|
-webkit-appearance: button; /* 1 */
|
||
|
|
font: inherit; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct display in Chrome and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
summary {
|
||
|
|
display: list-item;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Removes the default spacing for appropriate elements.
|
||
|
|
*/
|
||
|
|
|
||
|
|
blockquote,
|
||
|
|
dl,
|
||
|
|
dd,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
hr,
|
||
|
|
figure,
|
||
|
|
p,
|
||
|
|
pre {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
legend {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol,
|
||
|
|
ul,
|
||
|
|
menu {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
dialog {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Prevent resizing textareas horizontally by default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
resize: vertical;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
||
|
|
2. Set the default placeholder color to the user's configured gray 400 color.
|
||
|
|
*/
|
||
|
|
|
||
|
|
input::placeholder,
|
||
|
|
textarea::placeholder {
|
||
|
|
opacity: 1; /* 1 */
|
||
|
|
color: #9ca3af; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Set the default cursor for buttons.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
[role="button"] {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Make sure disabled buttons don't get the pointer cursor.
|
||
|
|
*/
|
||
|
|
|
||
|
|
:disabled {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
||
|
|
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
||
|
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
||
|
|
*/
|
||
|
|
|
||
|
|
img,
|
||
|
|
svg,
|
||
|
|
video,
|
||
|
|
canvas,
|
||
|
|
audio,
|
||
|
|
iframe,
|
||
|
|
embed,
|
||
|
|
object {
|
||
|
|
display: block; /* 1 */
|
||
|
|
vertical-align: middle; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
||
|
|
*/
|
||
|
|
|
||
|
|
img,
|
||
|
|
video {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Make elements with the HTML hidden attribute stay hidden by default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
[hidden]:where(:not([hidden="until-found"])) {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__
|
||
|
|
body,
|
||
|
|
#app {
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}html.dark {
|
||
|
|
background: #121212;
|
||
|
|
color-scheme: dark;
|
||
|
|
}.CodeMirror {
|
||
|
|
height: max-content !important;
|
||
|
|
font-family: var(--cm-font-family) !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
}.CodeMirror-scroll {
|
||
|
|
overflow-y: hidden !important;
|
||
|
|
overflow-x: auto !important;
|
||
|
|
}/* Splitpanes */.splitpanes__pane {
|
||
|
|
transition: none !important;
|
||
|
|
}.splitpanes__splitter {
|
||
|
|
position: relative;
|
||
|
|
}.splitpanes__splitter:before {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
transition: .2s ease;
|
||
|
|
content: '';
|
||
|
|
transition: opacity 0.4s;
|
||
|
|
z-index: 1;
|
||
|
|
}.splitpanes__splitter:hover:before {
|
||
|
|
background: #8881;
|
||
|
|
opacity: 1;
|
||
|
|
}.splitpanes--vertical>.splitpanes__splitter {
|
||
|
|
width: 0 !important;
|
||
|
|
}.splitpanes--horizontal>.splitpanes__splitter {
|
||
|
|
height: 0 !important;
|
||
|
|
}.splitpanes--vertical>.splitpanes__splitter:before {
|
||
|
|
left: -5px;
|
||
|
|
right: -4px;
|
||
|
|
height: 100%;
|
||
|
|
}.splitpanes--horizontal>.splitpanes__splitter:before {
|
||
|
|
top: -5px;
|
||
|
|
bottom: -4px;
|
||
|
|
width: 100%;
|
||
|
|
}/* Overrides Floating Vue */.v-popper--theme-dropdown .v-popper__inner,
|
||
|
|
.v-popper--theme-tooltip .v-popper__inner {
|
||
|
|
;border-width:1px;--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-border-opacity:0.3;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-text-opacity:1;color:rgb(18 18 18 / var(--un-text-opacity)) /* #121212 */;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
||
|
|
box-shadow: 0 6px 30px #0000001a;
|
||
|
|
}.dark .v-popper--theme-dropdown .v-popper__inner,.dark .v-popper--theme-tooltip .v-popper__inner{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity)) /* #121212 */;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.v-popper--theme-tooltip .v-popper__arrow-inner,
|
||
|
|
.v-popper--theme-dropdown .v-popper__arrow-inner {
|
||
|
|
visibility: visible;
|
||
|
|
;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));
|
||
|
|
}.dark .v-popper--theme-tooltip .v-popper__arrow-inner,.dark .v-popper--theme-dropdown .v-popper__arrow-inner{--un-border-opacity:1;border-color:rgb(23 23 23 / var(--un-border-opacity));}.v-popper--theme-tooltip .v-popper__arrow-outer,
|
||
|
|
.v-popper--theme-dropdown .v-popper__arrow-outer {
|
||
|
|
--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-border-opacity:0.3;
|
||
|
|
}.v-popper--theme-tooltip.v-popper--shown,
|
||
|
|
.v-popper--theme-tooltip.v-popper--shown * {
|
||
|
|
transition: none !important;
|
||
|
|
}
|
||
|
|
:root {
|
||
|
|
--cm-scheme: light;
|
||
|
|
|
||
|
|
/* Colors */
|
||
|
|
--cm-foreground: #6e6e6e;
|
||
|
|
--cm-background: #f4f4f4;
|
||
|
|
|
||
|
|
/* Tokens */
|
||
|
|
--cm-comment: #a8a8a8;
|
||
|
|
--cm-string: #555555;
|
||
|
|
--cm-literal: #333333;
|
||
|
|
--cm-keyword: #000000;
|
||
|
|
--cm-function: #4f4f4f;
|
||
|
|
--cm-deleted: #333333;
|
||
|
|
--cm-class: #333333;
|
||
|
|
--cm-builtin: #757575;
|
||
|
|
--cm-property: #333333;
|
||
|
|
--cm-namespace: #4f4f4f;
|
||
|
|
--cm-punctuation: #ababab;
|
||
|
|
--cm-decorator: var(--cm-class);
|
||
|
|
--cm-operator: var(--cm-punctuation);
|
||
|
|
--cm-number: var(--cm-literal);
|
||
|
|
--cm-boolean: var(--cm-literal);
|
||
|
|
--cm-variable: var(--cm-literal);
|
||
|
|
--cm-constant: var(--cm-literal);
|
||
|
|
--cm-symbol: var(--cm-literal);
|
||
|
|
--cm-interpolation: var(--cm-literal);
|
||
|
|
--cm-selector: var(--cm-keyword);
|
||
|
|
--cm-keyword-control: var(--cm-keyword);
|
||
|
|
--cm-regex: var(--cm-string);
|
||
|
|
--cm-json-property: var(--cm-property);
|
||
|
|
--cm-inline-background: var(--cm-background);
|
||
|
|
|
||
|
|
/* Token Styles */
|
||
|
|
--cm-comment-style: italic;
|
||
|
|
--cm-url-decoration: underline;
|
||
|
|
|
||
|
|
/* Extension */
|
||
|
|
--cm-line-number: #a5a5a5;
|
||
|
|
--cm-line-number-gutter: #333333;
|
||
|
|
--cm-line-highlight-background: #eeeeee;
|
||
|
|
--cm-selection-background: #aaaaaa;
|
||
|
|
--cm-marker-color: var(--cm-foreground);
|
||
|
|
--cm-marker-opacity: 0.4;
|
||
|
|
--cm-marker-font-size: 0.8em;
|
||
|
|
|
||
|
|
/* Font */
|
||
|
|
--cm-font-size: 1em;
|
||
|
|
--cm-line-height: 1.5em;
|
||
|
|
--cm-font-family: monospace;
|
||
|
|
--cm-inline-font-size: var(--cm-font-size);
|
||
|
|
--cm-block-font-size: var(--cm-font-size);
|
||
|
|
|
||
|
|
/* Sizing */
|
||
|
|
--cm-tab-size: 2;
|
||
|
|
|
||
|
|
--cm-block-padding-x: 1em;
|
||
|
|
--cm-block-padding-y: 1em;
|
||
|
|
--cm-block-margin-x: 0;
|
||
|
|
--cm-block-margin-y: 0.5em;
|
||
|
|
--cm-block-radius: 0.3em;
|
||
|
|
--cm-inline-padding-x: 0.3em;
|
||
|
|
--cm-inline-padding-y: 0.1em;
|
||
|
|
--cm-inline-radius: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars.CodeMirror {
|
||
|
|
background-color: var(--cm-background);
|
||
|
|
color: var(--cm-foreground);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-gutters {
|
||
|
|
background: var(--cm-line-number-gutter);
|
||
|
|
color: var(--cm-line-number);
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-guttermarker,
|
||
|
|
.cm-s-vars .CodeMirror-guttermarker-subtle,
|
||
|
|
.cm-s-vars .CodeMirror-linenumber {
|
||
|
|
color: var(--cm-line-number);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars div.CodeMirror-selected {
|
||
|
|
background: var(--cm-selection-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars.CodeMirror-focused div.CodeMirror-selected {
|
||
|
|
background: var(--cm-selection-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-line::selection,
|
||
|
|
.cm-s-vars .CodeMirror-line>span::selection,
|
||
|
|
.cm-s-vars .CodeMirror-line>span>span::selection {
|
||
|
|
background: var(--cm-selection-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-line::-moz-selection,
|
||
|
|
.cm-s-vars .CodeMirror-line>span::-moz-selection,
|
||
|
|
.cm-s-vars .CodeMirror-line>span>span::-moz-selection {
|
||
|
|
background: var(--cm-selection-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-activeline-background {
|
||
|
|
background: var(--cm-line-highlight-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-keyword {
|
||
|
|
color: var(--cm-keyword);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-variable,
|
||
|
|
.cm-s-vars .cm-variable-2,
|
||
|
|
.cm-s-vars .cm-variable-3,
|
||
|
|
.cm-s-vars .cm-type {
|
||
|
|
color: var(--cm-variable);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-builtin {
|
||
|
|
color: var(--cm-builtin);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-atom {
|
||
|
|
color: var(--cm-literal);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-number {
|
||
|
|
color: var(--cm-number);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-def {
|
||
|
|
color: var(--cm-decorator);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-string,
|
||
|
|
.cm-s-vars .cm-string-2 {
|
||
|
|
color: var(--cm-string);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-comment {
|
||
|
|
color: var(--cm-comment);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-tag {
|
||
|
|
color: var(--cm-builtin);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-meta {
|
||
|
|
color: var(--cm-namespace);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-attribute {
|
||
|
|
color: var(--cm-property);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-property {
|
||
|
|
color: var(--cm-property);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-qualifier {
|
||
|
|
color: var(--cm-keyword);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-error {
|
||
|
|
color: var(--prism-deleted);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .cm-operator,
|
||
|
|
.cm-s-vars .cm-bracket {
|
||
|
|
color: var(--cm-punctuation);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-matchingbracket {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-vars .CodeMirror-cursor {
|
||
|
|
border-left: 1px solid currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--cm-font-family: 'Input Mono', 'FiraCode', monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
html:not(.dark) {
|
||
|
|
--cm-foreground: #8e8f8b;
|
||
|
|
--cm-background: #ffffff;
|
||
|
|
--cm-comment: #a0ada0;
|
||
|
|
--cm-string: #b56959;
|
||
|
|
--cm-literal: #2f8a89;
|
||
|
|
--cm-number: #296aa3;
|
||
|
|
--cm-keyword: #1c6b48;
|
||
|
|
--cm-function: #6c7834;
|
||
|
|
--cm-boolean: #1c6b48;
|
||
|
|
--cm-constant: #a65e2b;
|
||
|
|
--cm-deleted: #a14f55;
|
||
|
|
--cm-variable: #ad944c;
|
||
|
|
--cm-class: #2993a3;
|
||
|
|
--cm-builtin: #ab5959;
|
||
|
|
--cm-property: #b58451;
|
||
|
|
--cm-namespace: #b05a78;
|
||
|
|
--cm-punctuation: #8e8f8b;
|
||
|
|
--cm-decorator: #bd8f8f;
|
||
|
|
--cm-regex: #ab5e3f;
|
||
|
|
--cm-json-property: #698c96;
|
||
|
|
--cm-selection-background: #44444410;
|
||
|
|
--cm-line-number-gutter: #fafafa;
|
||
|
|
}
|
||
|
|
|
||
|
|
html.dark {
|
||
|
|
--cm-foreground: #858585;
|
||
|
|
--cm-background: #111111;
|
||
|
|
--cm-comment: #758575;
|
||
|
|
--cm-string: #d48372;
|
||
|
|
--cm-literal: #429988;
|
||
|
|
--cm-keyword: #4d9375;
|
||
|
|
--cm-boolean: #1c6b48;
|
||
|
|
--cm-number: #6394bf;
|
||
|
|
--cm-variable: #c2b36e;
|
||
|
|
--cm-function: #a1b567;
|
||
|
|
--cm-deleted: #a14f55;
|
||
|
|
--cm-class: #54b1bf;
|
||
|
|
--cm-builtin: #e0a569;
|
||
|
|
--cm-property: #dd8e6e;
|
||
|
|
--cm-namespace: #db889a;
|
||
|
|
--cm-punctuation: #858585;
|
||
|
|
--cm-decorator: #bd8f8f;
|
||
|
|
--cm-regex: #ab5e3f;
|
||
|
|
--cm-json-property: #6b8b9e;
|
||
|
|
--cm-line-number: #888888;
|
||
|
|
--cm-line-number-gutter: #eeeeee;
|
||
|
|
--cm-line-highlight-background: #444444;
|
||
|
|
--cm-selection-background: #44444450;
|
||
|
|
--cm-line-number-gutter: #1a1a1a;
|
||
|
|
}
|
||
|
|
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}/* latin-ext */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/dmmono-989a58ac.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/dmmono-c6e6cdda.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/dmsans-8b9140d7.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/dmsans-32eb64a7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.dark .dark\:i-carbon-moon,.dark [dark\:i-carbon-moon=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='block' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/
|