dziudek/dabblet.css

## dabblet.css
/**
 * Button with background for left and right side.
 */

div {
   height: 32px;
   line-height: 32px;
   background: #c00;
   float:left;
   padding: 0 10px;
   margin: 0 0 0 50px;
}

div:before {
   content: "";
   background: #cc0;
   width: 20px;
   height: 32px;
   display: block;
   margin: 0 0 0 -30px;
   float:left;
}

div:after {
   content: "";
   background: #0cc;
   width:20px;
   height:32px;
   display:block;
   margin: 0 -30px 0 0;
   float:right;
}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>Text</div>

## settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Button with background for left and right side.
	*/

	div {
	height: 32px;
	line-height: 32px;
	background: #c00;
	float:left;
	padding: 0 10px;
	margin: 0 0 0 50px;
	}

	div:before {
	content: "";
	background: #cc0;
	width: 20px;
	height: 32px;
	display: block;
	margin: 0 0 0 -30px;
	float:left;
	}

	div:after {
	content: "";
	background: #0cc;
	width:20px;
	height:32px;
	display:block;
	margin: 0 -30px 0 0;
	float:right;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div>Text</div>