ZhengLiJing
4/23/2018 - 2:27 PM

Polka dot

Polka dot

settings.json
content_copyfile_download
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->

<button class="test">Yes!</button>
dabblet.css
content_copyfile_download
/**
 * Polka dot
 */
 * {font-size: 16px}
 .test {
		padding: 6px 16px;
		border: 1px solid #446d88;
		background: #58a linear-gradient(#77a0bb, #58a);
		border-radius: 4px;
		box-shadow: 0 1px 5px gray;
		color: white;
		text-shadow: 0 -1px 1px #335166;
		font-size: 20px;
		line-height:30px;
	}
	button.test {
		background-color: lightblue;
	}