wip playground
This commit is contained in:
@@ -1,4 +1,9 @@
|
||||
:root {
|
||||
--color-background: #1c1b28;
|
||||
--color-accent: #00FFFF;
|
||||
--color-text: #FFF;
|
||||
|
||||
--font-size-base: 18px;
|
||||
--line-height-base: 26px;
|
||||
--font-family: monospace;
|
||||
}
|
||||
|
||||
@@ -1,13 +1,39 @@
|
||||
<html>
|
||||
<meta>
|
||||
<link href="base.css" rel="stylesheet" />
|
||||
<style contenteditable>
|
||||
<style>
|
||||
body {
|
||||
background-color: var(--color-background);
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
color: var(--color-text);
|
||||
|
||||
#css-container {
|
||||
pre {
|
||||
style {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user