makeco
12/14/2017 - 3:27 AM

Polka dot

Untitled

settings.json
content_copyfile_download
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->
<button>Yes!</button>
<button class="cancel">Cancel</button>
<button class="ok">Ok</button>
dabblet.css
content_copyfile_download
html {
	font-size: 16px;
}
button {
	padding: .3em .8em;
	border: 1px solid rgba(0,0,0,.1);
	background: #58a linear-gradient(hsla(0,0%,100%,.2), transparent);
	border-radius: .2em;
	box-shadow: 0 .05em .25em rgba(0,0,0,.5);
	color: white;
	text-shadow: 0 -.05em .05em rgba(0,0,0,.5);
	font-size: 125%;
	line-height: 1.5;
}
button.cancel {
	background-color: #c00;
}
button.ok {
	background-color: #6b0;
}