set the language attribute for the code editor

I've also added the Elm highlighter from @codemirror/legacy-modes
This commit is contained in:
Christian Lawson-Perfect 2025-02-09 20:29:06 +00:00
parent 90a3f2388b
commit 33769c8d1e
5 changed files with 37312 additions and 83 deletions

37206
dist/code-editor.mjs vendored Normal file

File diff suppressed because one or more lines are too long

View file

@ -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;
}
}