shut/src/less/css.Lists.less

Shut UI Framework

ul.normal>li, .normal>ul>li {
	margin-inline-start: @extraspace;
	list-style-type: disc;
}

ol.normal {
	> li {
    	margin-inline-start: @space;
		list-style-position: outside;
		list-style-type: decimal;
	}
}


/**** nested lists for multiple uls */

ul.nestedlist>li>ul, div.nestedlist>ul, ol.nestedlist>li>ol {
	padding-inline-start: @doublespace;
}


/*Basic list*/
.thelist() {
	> li {
		padding-block-end: var(--sh-list-spacing);
		margin-block-end: var(--sh-list-spacing);
	}
}
/* listings */
.alist {
	.thelist();
}

.blist {
	> li {
		border-block-end: 1px solid var(--sh-rowlist-border);
	}
}
// easy quick shortcut
.rowlist {
	.thelist();
	.blist();
}


/**** comma seperated items */
ul.commalist {
	display: inline;
}
ul.commalist li {
	display: inline-block;
}

ul.commalist li:after {
	content: ", ";
	white-space: pre;
}

ul.commalist li:last-child:after {
	content: "";
}