2016-03-26 14:12:36 +00:00
|
|
|
.pagination
|
|
|
|
|
align-items: center
|
|
|
|
|
display: flex
|
|
|
|
|
justify-content: center
|
|
|
|
|
text-align: center
|
|
|
|
|
a
|
|
|
|
|
@extend .button
|
|
|
|
|
display: block
|
|
|
|
|
min-width: 32px
|
|
|
|
|
padding: 3px 8px
|
2016-04-10 15:27:27 +00:00
|
|
|
// Modifiers
|
2016-03-26 14:12:36 +00:00
|
|
|
&.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
|
2016-04-10 15:27:27 +00:00
|
|
|
// Responsiveness
|
2016-03-26 14:12:36 +00:00
|
|
|
+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
|
