CSS Coding Tips: Maintainability versus brevity

dabblet.css

/**
 * CSS Coding Tips: Maintainability versus brevity
 */

div {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	height: 50px;
	width: 50px;
	border-color: red;
	border-style: solid;
	
	/* interesting part */
	border-width: 20px;
	border-left-width: 0;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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