Skip to content

Instantly share code, notes, and snippets.

@visnup

visnup/dabblet.css

Created June 30, 2014 05:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save visnup/d7f947b9d512e3ab8157 to your computer and use it in GitHub Desktop.
Save visnup/d7f947b9d512e3ab8157 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
p { margin: 0; }
ul { list-style-type: none; padding-left: 0; margin: .5em 0 }
li { display: inline-block; }
input { margin-left: 1.5em; }
li:first-child input { margin-left: 0 }
body { font-family: 'Avenir'; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p><label>How many bathrooms? <select><option>1</option><option>2</option></select></p>
<ul>
<li>Bathroom 1:
<li><input type="checkbox"/> Sink
<li><input type="checkbox"/> Toilet
<li><input type="checkbox"/> Bathtub
<li><input type="checkbox"/> Shower
</ul>
<ul>
<li>Bathroom 2:
<li><input type="checkbox"/> Sink
<li><input type="checkbox"/> Toilet
<li><input type="checkbox"/> Bathtub
<li><input type="checkbox"/> Shower
</ul>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","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