/*
 Example:

 <ul class="table-list">
	<li class="table-list-row">
		<div class="table-list-column">
			column 1
		</div>
		<div class="table-list-column table-list-row-selected">
			column 2 is selected
		</div>
	</li>
 </ul>
*/
.table-list {
	display: table;
	list-style: none;
	padding: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.2em;
}
.table-list-row {
	display: table-row;
}
.table-list-column {
	display: table-cell;
}
.table-list-row-selected {
	background-color:  $app['palette']['bg-secondary']
}