JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<ul>
		<li class="open">
			<div class="icon"></div>
				<div class="text">Rozdział 1<br />Pomiędzy czatą a&nbsp;czartyzmem.</div>
			<ul>
				<li class="closed">
					<div class="icon"></div>
					<div class="text">Dziś każdy umie odnaleźć sens życia w&nbsp;sobie samym.</div>
				</li>
				<li class="leaf">
					<div class="icon"></div>
					<div class="text">Był tłum.<br /> Materializacje odbywały się od dziewięciu lat.</div>
				</li>
			</ul>
		</li>
		<li class="closed">
			<div class="icon"></div>
			<div class="text">Rozdział 2<br />Amok w&nbsp;furcie.</div>
		</li>
	</ul>
</body>

CSS

ul li{
     list-style: none;
}  
li.open .icon{
     width: 15px;
     height: 15px;
     background: url("http://i.imgur.com/qWZ7fRa.png") 0px -16px no-repeat;
}
li.closed .icon{
     width: 15px;
     height: 15px;
     background: url("http://i.imgur.com/qWZ7fRa.png") 0px 0px no-repeat;
}
li.leaf .icon{
     width: 15px;
     height: 15px;
     background: url("http://i.imgur.com/qWZ7fRa.png") 0px -32px no-repeat;
}