Warning sign

dabblet.css

/* Warning sign */

.icon-warning-sign {
	position: relative;
}

.icon-warning-sign:before {
	left:0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 .5em .867em .5em;
	font-size: 1em;
	border-color: transparent transparent #c33 transparent;
	position: absolute;
}

.icon-warning-sign:after {
	content: "!";
	color: white;
	font-weight: bold;
	font-size: 0.667em;
	width: 1.5em;
	line-height:1.5em;
	display:block;
	text-align: center;
	position: relative;
}

dabblet.html

<span class="icon-warning-sign"></span>

dabblet.js

// alert('Hello world!');

settings.json

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