CSS Coding Tips: Inheritance

dabblet.css

/**
 * CSS Coding Tips: Inheritance
 */

div {
	margin-top: 50px;
	position: relative;
	border: 1px solid black;
	background: pink;
}

div::before {
	content: '';
	position: absolute;
	top: -.4em;
	left: 1em;
	padding: .35em;
	background: inherit;
	border: inherit;
	border-right: 0;
	border-bottom: 0;
	transform: rotate(45deg);
}

dabblet.html

<div>Some text</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}