Pagination

I find the lack of documentation... disturbing 😏, don't you?

Default


			
				<div class="c-pagination ">
	<button class="c-button c-pagination__action c-button--border c-button--with-icon-before">
		<div class="c-icon c-button__icon c-button__icon--before">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
				<path d="M16.1,0l3,3l-9,9l9,9l-3,3L5.6,13.5c-0.4-0.4-0.6-0.9-0.6-1.5c0-0.6,0.2-1.1,0.6-1.5L16.1,0z" />
			</svg>
		</div>
		<span class="c-button__text">previous</span>
	</button>
	<ul class="c-pagination__numbers">
		<li class="c-pagination__numbers-item is-active">
			<button class="c-button c-pagination__numbers-button is-active c-button--border">
				<span class="c-button__text">3</span>
			</button>
		</li>
		<li class="c-pagination__numbers-item">
			<button class="c-button c-pagination__numbers-button c-button--border">
				<span class="c-button__text">4</span>
			</button>
		</li>
		<li class="c-pagination__numbers-item">
			<button class="c-button c-pagination__numbers-button c-button--border">
				<span class="c-button__text">5</span>
			</button>
		</li>
	</ul>
	<button class="c-button c-pagination__action c-button--border c-button--with-icon-after">
		<span class="c-button__text">next</span>
		<div class="c-icon c-button__icon c-button__icon--after">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
				<path d="M7.9,24l-3-3l9-9l-9-9l3-3l10.5,10.5c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5L7.9,24z" />
			</svg>
		</div>
	</button>
</div>