Главная > CSS > ol, ul — цвет нумерации

ol, ul — цвет нумерации

article ul,article ol{
	list-style-type:none;
	counter-reset:num;
	margin:0 0 20px 0;
}
article ul li,article ol li{
	list-style-type:none;
	padding-left:20px;
	margin-bottom:4px;
}
article ul li:before,article ol li:before{
	color:#ffffff;
	background:#ff9300;
	border-radius:50%;
	padding:0 5px;
	text-align:center;
}
article ul li:before {
	content:"•";
}
article ol li:before{
	content:counter(num);
	counter-increment:num;
}

LESS:

article{
	ul,ol{
		list-style-type:none;
		counter-reset:num;
		margin:0 0 20px 0;
		li{
			list-style-type:none;
			padding-left:20px;
			margin-bottom:4px;
			&:before{
				color:@color_white;
				background:@color_link;
				border-radius:50%;
				padding:0 5px;
				text-align:center;
			}
		}
	}
	ul li:before {
		content:"•";
	}
	ol li:before{
		content:counter(num);
		counter-increment:num;
	}
}
Categories: CSS Tags:
  1. Пока что нет комментариев.
Похожие публикации