Comma-seperated list with just CSS/LESS

ul-comma.less

ul.comma {
	display: inline;
	margin: 0;
	padding: 0;

	li {
		list-style: none;
		display: inline;

		&:after {
			content: ", ";
		}
		&:last-child:after {
			content: ""
		}
	}

	&.verbose {
		li:nth-last-child(2):after {
			content: " and "
		}
		// optional, different ending after longer lists 
		li:nth-last-child(3) + li:after {
			content: " and of course "
		}
	}

	&.dot {
		li:last-child:after {
			content: "."
		}
	}
}