benjamincharity
7/16/2013 - 5:14 PM

List Prefix'

List Prefix'

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
// alert('Hello world!');
<ol>
	<li>Thingamajig 1</li>	
	<li>Thingaling 2</li>
	<li>Thingamabob 3</li>
</ol>
/**
 * List Prefix'
 */

html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	font-family: Helvetica Neue;
	font-weight: 100;
	letter-spacing: .1em;
	line-height: 1.4em;
	min-height: 100%;
}

ol {
	counter-reset: myCounter; /* Counter Code */
	display: block;
	margin: 10% auto;
	width: 250px;
}

li {
	color: white;
	list-style-type: none;
	counter-increment: myCounter; /* Counter Code */
}

li:before {
	color: white;
    content: "("counter(myCounter)")"; /* Counter Code */
    margin-right: .4em;
}