mirror of
https://github.com/danog/sass-site.git
synced 2024-11-27 04:24:50 +01:00
46 lines
1.2 KiB
Plaintext
46 lines
1.2 KiB
Plaintext
---
|
|
layout: has_no_sidebars
|
|
title: 'Playground'
|
|
is_playground: true
|
|
no_container: true
|
|
---
|
|
<div class="playground-wrapper" data-compiler-has-error="false">
|
|
<div class="code-editor-wrapper">
|
|
<div
|
|
class="code-editor-tabbar"
|
|
data-active="scss"
|
|
data-setting="input-format">
|
|
<button
|
|
type="button"
|
|
data-value="scss"
|
|
data-setting="input-format">SCSS</button>
|
|
<button
|
|
type="button"
|
|
data-value="indented"
|
|
data-setting="input-format">Sass</button>
|
|
</div>
|
|
<div id="editor"></div>
|
|
</div>
|
|
<div class="code-editor-wrapper">
|
|
<div
|
|
class="code-editor-tabbar"
|
|
data-active="expanded"
|
|
data-setting="output-format">
|
|
<strong>CSS</strong>
|
|
(Compiled)
|
|
<button
|
|
type="button"
|
|
data-value="expanded"
|
|
data-setting="output-format">Expanded</button>
|
|
<button
|
|
type="button"
|
|
data-value="compressed"
|
|
data-setting="output-format">Compressed</button>
|
|
</div>
|
|
<div id="code-editor-error-alert">Please resolve error to view compiled CSS.</div>
|
|
<div id="css-view"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/assets/dist/js/playground.js"></script>
|