Skip to content

Instantly share code, notes, and snippets.

@xzyfer

xzyfer/dabblet.css

Created February 19, 2013 23:13
Show Gist options
  • Save xzyfer/4991129 to your computer and use it in GitHub Desktop.
Save xzyfer/4991129 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
#page { width: 500px; padding: 1%; }
#page * { box-sizing: border-box; border: none; outline: none; }
.row { width: 100%; }
.row div { height: 100px; background-color: blue; margin: 1%; float: left; }
.full { width: 98%; }
.half { width: 48%; }
.third { width: 31.33%; }
.quarter { width: 23%; }
twelves { width: 6%; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id=page>
<div class="row">
<div class="half"></div>
<div class="half"></div>
</div>
<div class="row">
<div class="half"></div>
<div class="quarter"></div>
<div class="quarter"></div>
</div>
<div class="row">
<div class="third"></div>
<div class="third"></div>
<div class="third"></div>
</div>
<div class="row">
<div class="full"></div>
</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment