qompile
Version:
Compile HTML plus dynamic styles and convert to HTML and CSS
39 lines (33 loc) • 668 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>