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

Style description

Browse Source
This commit is contained in:
wholteza
2025-10-04 18:12:13 +02:00
parent 11298411bd
commit 9bb67f04c2
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/playground/playground.html
View File

@@ -23,6 +23,12 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
#description {
box-sizing: border-box;
margin: var(--space-base);
padding: var(--space-base);
}
#style-editor { #style-editor {
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
@@ -120,7 +126,8 @@
<div class="name"><a href="/">Zackarias Montell</a></div> <div class="name"><a href="/">Zackarias Montell</a></div>
</div> </div>
</div> </div>
<p>This is an interactive html and css playground built with minimal JS.</p> <p id="description">This is an interactive HTML and CSS playground built with minimal JS. Alter the HTML and CSS below
to preview the changes.</p>
<div id="preview"></div> <div id="preview"></div>
<textarea rows="15" autocomplete="false" autocorrect="false" id="style-editor" <textarea rows="15" autocomplete="false" autocorrect="false" id="style-editor"
oninput="document.getElementById('style').innerHTML = this.value"> oninput="document.getElementById('style').innerHTML = this.value">