Added fest/previous next/last again incl text for alignment.
This commit is contained in:
parent
14ea0910ef
commit
0eacea8243
@ -38,4 +38,30 @@
|
||||
color: $-grey;
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Pagination__First{
|
||||
|
||||
&:before{
|
||||
content: "«";
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Pagination__Previous{
|
||||
&:before{
|
||||
content: "»";
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Pagination__Next{
|
||||
|
||||
&:after{
|
||||
content: "\f061";
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Pagination__Last{
|
||||
&:after{
|
||||
content: "»";
|
||||
}
|
||||
}
|
||||
}
|
@ -1,10 +1,10 @@
|
||||
<div class="LP-Pagination">
|
||||
<ul class="LP-Pagination__List">
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--first">
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__First"></span></a>
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__First">first</span></a>
|
||||
</li>
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--previous">
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Previous"></span></a>
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Previous">previous</span></a>
|
||||
</li>
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--number">
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Number">1</span></a>
|
||||
@ -34,10 +34,10 @@
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Number">9</span></a>
|
||||
</li>
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--next">
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Next"></span></a>
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Next">next</span></a>
|
||||
</li>
|
||||
<li class="LP-Pagination__Item LP-Pagination__Item--last">
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Last"></span></a>
|
||||
<a href="#" class="LP-Link"><span class="LP-Pagination__Last">last</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
@ -1,3 +1,4 @@
|
||||
@charset "UTF-8";
|
||||
@font-face {
|
||||
font-family: Crimson;
|
||||
src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); }
|
||||
@ -275,6 +276,14 @@ body {
|
||||
background-color: #D7CEC7;
|
||||
border-radius: 2px;
|
||||
color: #565656; }
|
||||
.LP-Pagination .LP-Pagination__First:before {
|
||||
content: "«"; }
|
||||
.LP-Pagination .LP-Pagination__Previous:before {
|
||||
content: "»"; }
|
||||
.LP-Pagination .LP-Pagination__Next:after {
|
||||
content: "\f061"; }
|
||||
.LP-Pagination .LP-Pagination__Last:after {
|
||||
content: "»"; }
|
||||
|
||||
.LP-Content {
|
||||
padding: 35px; }
|
||||
|
Loading…
Reference in New Issue
Block a user