scss-library/components/05_Molecules/pagination/pagination.hbs

94 lines
2.5 KiB
Handlebars
Raw Normal View History

2021-03-03 18:27:35 +01:00
2021-03-10 22:50:18 +01:00
<div class="RV-Pagination">
<div class="RV-Pagination__Backwards">
<div class="RV-Pagination__First RV-Pagination__Icon">
<a href="#" class="RV-Link">
<span class="RV-Icon"><<</span>
</a>
</div>
<div class="RV-Pagination__First RV-Pagination__Label">
<a href="#" class="RV-Link">
<span class="RV-Text">First</span>
</a>
</div>
<div class="RV-Pagination__Previous RV-Pagination__Item--disabled RV-Pagination__Icon">
<a href="#" class="RV-Link">
<span class="RV-Icon"><</span>
</a>
</div>
<div class="RV-Pagination__Previous RV-Pagination__Item--disabled RV-Pagination__Label">
<a href="#" class="RV-Link">
<span class="RV-Text">Previous</span>
</a>
</div>
</div>
<div class="RV-Pagination__Sites">
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">1</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">2</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">3</span>
</a>
</div>
<div class="RV-Pagination__Number RV-Pagination__Item--current">
<a href="#" class="RV-Link">
<span class="RV-Text">4</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">5</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">6</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">7</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">8</span>
</a>
</div>
<div class="RV-Pagination__Number">
<a href="#" class="RV-Link">
<span class="RV-Text">9</span>
</a>
</div>
</div>
<div class="RV-Pagination__Forwards">
<div class="RV-Pagination__Label RV-Pagination__Next">
<a href="#" class="RV-Link">
<span class="RV-Text">Next</span>
</a>
</div>
<div class="RV-Pagination__Icon RV-Pagination__Next">
<a href="#" class="RV-Link">
<span class="RV-Icon">></span>
</a>
</div>
<div class="RV-Pagination__Label RV-Pagination__Last">
<a href="#" class="RV-Link">
<span class="RV-Text">Last</span>
</a>
</div>
<div class="RV-Pagination__Icon RV-Pagination__Last">
<a href="#" class="RV-Link">
<span class="RV-Icon">>></span>
</a>
</div>
</div>
</div>