Lego studs

dabblet.css

/**
 * Lego studs
 */

body {
	background: yellowgreen;
}

div:before,
div:after {
	width: 100px;
	height: 88px;
	border-radius: 50% / 29px;
	box-shadow: 0 -30px 0 rgba(0,0,0,.5) inset;
}

div:before,
div:after {
	content: '';
	display: block;
	margin-left: 100px;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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