My base list styles

List style base.scss

ol, ul {
	li {
		margin-bottom: 1em;
	}
	padding-left: 1.4em;	
}

ol li {
	list-style: decimal-leading-zero;
	
	> ol > li {
		list-style: lower-alpha;
		
		> ol > li {
			list-style: lower-roman;	
		}	
	}	
}
ul {
	li {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: .5em;
			transform: translateY(-50%);
			// do whatever here
			background: #222;
			width: 4px;
			height: 4px;
			border-radius: 50%;
		}
		list-style: none;
		position: relative;
		padding-left: 1.8rem;
	}
	padding: 0;
}