wiki/client/scss/components/list.scss

.list {
	background-color: #FFF;
	min-height: 25px;

	.list-header {
		background-color: mc('grey','100');
		height: 30px;
		display: flex;
		align-items: center;
		padding: 0 20px;
		text-transform: uppercase;
		font-size: 13px;
		color: mc($primary,'500');
		text-shadow: 1px 1px 0 #FFF;
		
		span {
			font-weight: 500;
		}
	
		i {
			margin-right: 10px;
		}

	}

	.list-row {
		border-top: 1px solid mc('grey','100');
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 20px;

		&:first-child {
			border-top: none;
		}

	}

	.list-item {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.list-icon {
		margin-right: 15px;
		color: mc('grey','500');
	}
	.list-content {
		display: flex;
		flex-direction: column;

		strong {
			color: mc('grey','700');
		}
		span {
			color: mc('grey','600');	
		}

	}

}