Featured banner CSS

dabblet.css

/* Featured banner CSS */

.featured { background:#2ca9df; background:linear-gradient(top, #2dafe7 0%, #2ca6db 100%);
	padding:2px 44px 2px 18px; font-size:11px; font-weight:normal; color:#fff;
	text-transform:uppercase; box-shadow:0 2px 1px 0 #cacaca; position:absolute; right:-20px }
.featured:before { content:''; position:absolute; border-bottom:10px solid transparent; 
	border-left:10px solid #4b4b4b; top:19px; right:0 }
		
		
/* ---------------------------------------------------		
/* Dabblet only. Do not use code below */

* { margin:0; padding:0 }
body { font:300 100%/1.4 proxima-nova-1,proxima-nova-2,sans-serif }
.featured { top:100px; left:100px; right:auto }

dabblet.html

<span class="featured">Featured</span>

dabblet.js

// alert('Hello world!');

settings.json

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