Right angle triangles

dabblet.css

/*
	Right angle triangles 
*/
.right-angle-top-left{
	position: relative;
	margin: 30px;
	width: 0;
	border-right: 100px solid transparent;
	border-top: 100px solid red;
}
.right-angle-bottom-left{
	position: relative;
	margin: 30px;
	width: 0;
	border-right: 100px solid transparent;
	border-bottom: 100px solid red;
}
.right-angle-top-right{
	position: relative;
	margin: 30px;
	width: 0;
	border-left: 100px solid transparent;
	border-top: 100px solid red;
}
.right-angle-bottom-right{
	position: relative;
	margin: 30px;
	width: 0;
	border-top: 100px solid transparent;
	border-right: 100px solid red;
}

dabblet.html

<div class='right-angle-top-left'></div>
<div class='right-angle-bottom-left'></div>
<div class='right-angle-top-right'></div>
<div class='right-angle-bottom-right'></div>

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"1","page":"all"}