Add pagination

This commit is contained in:
Jeremy Thomas 2016-03-26 14:12:36 +00:00
parent 42b7aaf26a
commit 7675f7b522
2 changed files with 40 additions and 0 deletions

View file

@ -7,6 +7,7 @@
@import "tabs"
@import "media"
@import "menu"
@import "pagination"
@import "panel"
@import "modal"

View file

@ -0,0 +1,39 @@
.pagination
align-items: center
display: flex
justify-content: center
text-align: center
a
@extend .button
display: block
min-width: 32px
padding: 3px 8px
&.is-active
background: $link
border-color: $link
color: $link-invert
span
color: $text-light
display: block
margin: 0 4px
li
margin: 0 2px
ul
align-items: center
display: flex
flex: 1
justify-content: center
+mobile
flex-wrap: wrap
& > a
width: calc(50% - 5px)
&:not(:first-child)
margin-left: 10px
li
flex: 1
ul
margin-top: 10px
+tablet
& > a
&:not(:first-child)
order: 1