qompile
Version:
Compile HTML plus dynamic styles and convert to HTML and CSS
43 lines (36 loc) • 786 B
HTML
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<title>Qompile Test</title>
<style>
/* Widget Base Styles */
.widget,
.widget * {
box-sizing: border-box;
font-family: sans-serif;
}
.widget {
margin: 1em 0;
padding: 1em;
color: white;
background: black;
}
</style>
<div class=widget>
<p>Qompile Demo</p>
</div>
<div class=widget style=width:75%>
<p>Qompile Demo</p>
</div>
<div class=widget style=width:50%>
<p>Qompile Demo</p>
</div>
<div class=widget style=width:33.33%>
<p>Qompile Demo</p>
</div>
<div class=widget style=width:25%>
<p>Qompile Demo</p>
</div>
<!-- Live Debugging Version -->
<link href="src/widget.jic" rel=stylesheet>
<script src="../preqompile.js"></script>