set the language attribute for the code editor
I've also added the Elm highlighter from @codemirror/legacy-modes
This commit is contained in:
parent
90a3f2388b
commit
33769c8d1e
5 changed files with 37312 additions and 83 deletions
37206
dist/code-editor.mjs
vendored
Normal file
37206
dist/code-editor.mjs
vendored
Normal file
File diff suppressed because one or more lines are too long
7
dist/think-editor.css
vendored
7
dist/think-editor.css
vendored
|
@ -9,6 +9,7 @@
|
|||
--editor-size: 50%;
|
||||
|
||||
--background: hsl(70,100%,95%);
|
||||
--default-background: white;
|
||||
--color: black;
|
||||
--button-bg: #ddd;
|
||||
}
|
||||
|
@ -16,6 +17,7 @@
|
|||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--background: hsl(70,100%,8%);
|
||||
--default-background: black;
|
||||
--color: white;
|
||||
--button-bg: #333;
|
||||
}
|
||||
|
@ -237,10 +239,9 @@ input {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
& #code-editor {
|
||||
& code-editor {
|
||||
background: var(--default-background);
|
||||
display: block;
|
||||
max-width: 50vw;
|
||||
padding-bottom: 10em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue