ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First commit.

Browse source
This commit is contained in:
Fredrik Jonsson 2017-03-09 14:26:46 +01:00
commit b7977e1c28
2 changed files with 28081 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

57
sass/navigation/pager/_pager.scss Normal file
View file

@ -0,0 +1,57 @@
// Pager
//
// Paged navigation is a list of page numbers when more than 1 page of content
// is available.
//
// Markup: pager.twig
//
// Style guide: navigation.pager
.pager,
%pager {
clear: both;
padding: 0;
text-align: center;
@media print {
display: none;
}
// A page item in the pager list.
&__item {
display: inline;
padding: 0 .5em;
list-style-type: none;
background-image: none;
}
// The current page's list item.
&__current-item {
@extend %pager__item;
font-weight: bold;
}
}
//
// Drupal selectors.
//
// .pager-item - A list item containing a page number in the list of pages.
// .pager-first - The first page's list item.
// .pager-previous - The previous page's list item.
// .pager-next - The next page's list item.
// .pager-last - The last page's list item.
// .pager-ellipsis - A concatenation of several list items using an ellipsis.
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
@extend %pager__item;
}
.pager-current {
@extend %pager__current-item;
}

27
sass/navigation/pager/pager.twig Normal file
View file

@ -0,0 +1,27 @@
<ul class="pager {{modifier_class}}">
<li class="pager__item">
<a title="Go to first page" href="/admin/content">« first</a>
</li>
<li class="pager__item">
<a title="Go to previous page" href="/admin/content?page=1">‹ previous</a>
</li>
<li class="pager__item">
<a title="Go to page 1" href="/admin/content">1</a>
</li>
<li class="pager__item">
<a title="Go to page 2" href="/admin/content?page=1">2</a>
</li>
<li class="pager__current-item">3</li>
<li class="pager__item">
<a title="Go to page 4" href="/admin/content?page=3">4</a>
</li>
<li class="pager__item">
<a title="Go to page 5" href="/admin/content?page=4">5</a>
</li>
<li class="pager__item">
<a title="Go to next page" href="/admin/content?page=3">next ›</a>
</li>
<li class="pager__item">
<a title="Go to last page" href="/admin/content?page=4">last »</a>
</li>
</ul>