Showtim34/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

body {
 	background: #fefefe;
 	font-size: 12px;
 	font-family: Tahoma;
}

.test{
	width: 150px;
	margin: 20px;
	padding: 20px;
	border: 1px solid #000;
	border-radius: 20px 2px 20px 0px;
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	text-align: center;
}

.test:hover{
	border: 2px solid #000;
	padding: 19px;
}

## dabblet.html
<div class="test">My First Dabblet</div>

<!-- content to be placed inside <body>…</body> -->

## settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body {
	background: #fefefe;
	font-size: 12px;
	font-family: Tahoma;
	}

	.test{
	width: 150px;
	margin: 20px;
	padding: 20px;
	border: 1px solid #000;
	border-radius: 20px 2px 20px 0px;
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	text-align: center;
	}

	.test:hover{
	border: 2px solid #000;
	padding: 19px;
	}
	<div class="test">My First Dabblet</div>

	<!-- content to be placed inside <body>…</body> -->