shidhincr/dabblet.css

## dabblet.css
 body{
 background-color:#fff;
 }
 .shidhin {
	background-color:#fff;
	color:#789;
	width:100px;
	height:30px;
	margin:100px 100px;
	padding:10px;
	border-radius:10px;
	border:1px solid #ccc;
	box-shadow:0 1px 25px violet,0 2px 30px indigo,0 3px 35px blue,0 4px 40px green,0 5px 45px yellow,0 6px 50px orange,0 7px 55px red;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="shidhin">
This is a test
</div>

## settings.json
{"page":"css","view":"split"}
	body{
	background-color:#fff;
	}
	.shidhin {
	background-color:#fff;
	color:#789;
	width:100px;
	height:30px;
	margin:100px 100px;
	padding:10px;
	border-radius:10px;
	border:1px solid #ccc;
	box-shadow:0 1px 25px violet,0 2px 30px indigo,0 3px 35px blue,0 4px 40px green,0 5px 45px yellow,0 6px 50px orange,0 7px 55px red;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="shidhin">
	This is a test
	</div>