wholteza/blog
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

wip playground

Browse Source
This commit is contained in:
wholteza
2025-10-04 08:48:02 +02:00
parent f091733d29
commit 49d3623c49
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/base.css
View File

@@ -1,4 +1,9 @@
:root { :root {
--color-background: #1c1b28; --color-background: #1c1b28;
--color-accent: #00FFFF; --color-accent: #00FFFF;
--color-text: #FFF;
--font-size-base: 18px;
--line-height-base: 26px;
--font-family: monospace;
} }

30
src/playground/dropdown.html
View File

@@ -1,13 +1,39 @@
<html> <html>
<meta> <meta>
<link href="base.css" rel="stylesheet" /> <link href="base.css" rel="stylesheet" />
<style contenteditable> <style>
body { body {
background-color: var(--color-background); background-color: var(--color-background);
font-size: 18px;
display: flex;
flex: 1;
color: var(--color-text);
#css-container {
pre {
style {
display: block;
}
}
}
} }
</style> </style>
</meta> </meta>
<body>arst</body> <body>
<div id="css-container">
<pre>
<style contenteditable="true">
#html-container {
background-color: brown;
}
</style>
</pre>
</div>
<div id="html-container" contenteditable="true">
</div>
<div id="render-container"></div>
</body>
</html> </html>