// Pagination component

ul.cm-pagination,
ol.cm-pagination {
	@extend %resetListStyle, %noPadding, %noMargin;
	& > li {
		display: inline-block;
		background-color: $greyLight;
		font-size: $textSmall;
		border-radius: $curvedRadius;
		& > a {
			display: inline-block;
			padding: 2px 8px;
			color: $textDark;
			@extend %noTextDecoration;
		}
		&.active {
			background-color: $blueLight;
			& > a {
				color: $textLight;
			}
		}
		&.prev {
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		&.next {
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}
	}
}