julienborrel/dabblet.css

## dabblet.css
/**
 * D'KONSCHTKËSCHT TEST
 */

.KONSCHTKESCHT {
	width: 50px;
	height: 50px;

	margin: 0 auto;

	background-color: tomato;
	position: relative;
}

.KONSCHTKESCHT:before {
	content: "";
	width: 50px;
	height: 50px;
	transform: skewY(0.5rad);


	background-color: #342C63;
	position: absolute;
	top:0;
	left: 100%;
}

## dabblet.html
<body>
	<div class=KONSCHTKESCHT></div>
</body>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* D'KONSCHTKËSCHT TEST
	*/

	.KONSCHTKESCHT {
	width: 50px;
	height: 50px;

	margin: 0 auto;

	background-color: tomato;
	position: relative;
	}

	.KONSCHTKESCHT:before {
	content: "";
	width: 50px;
	height: 50px;
	transform: skewY(0.5rad);


	background-color: #342C63;
	position: absolute;
	top:0;
	left: 100%;
	}