Untitled

dabblet.css

.check{
	width: 20px;
	height: 20px;
	background-image: linear-gradient(-215deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 35%);
	background-size: 20px 20px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 5px;
	box-shadow: 0px 0px 0px 1px
}
.check:before{
	content: '';
	display: block;	
	height: 0px;
	width: 0px;
	border-top: 10px solid rgba(0,0,0,0);
	border-left: 10px solid rgba(0,0,0,0);
	border-right: 10px solid rgba(0,0,0,.8);
	border-bottom: 10px solid rgba(0,0,0,.8);
}

dabblet.html

<div class="check"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}