2016-09-22 19:30:09 +00:00
|
|
|
@import "../utilities/mixins.sass"
|
|
|
|
|
@import "../utilities/variables.sass"
|
|
|
|
|
|
2016-03-26 14:12:36 +00:00
|
|
|
.pagination
|
|
|
|
|
align-items: center
|
|
|
|
|
display: flex
|
|
|
|
|
justify-content: center
|
|
|
|
|
text-align: center
|
|
|
|
|
a
|
|
|
|
|
display: block
|
|
|
|
|
min-width: 32px
|
|
|
|
|
padding: 3px 8px
|
|
|
|
|
span
|
|
|
|
|
color: $text-light
|
|
|
|
|
display: block
|
|
|
|
|
margin: 0 4px
|
|
|
|
|
li
|
|
|
|
|
margin: 0 2px
|
|
|
|
|
ul
|
|
|
|
|
align-items: center
|
|
|
|
|
display: flex
|
2016-07-31 10:45:56 +00:00
|
|
|
flex-grow: 1
|
2016-09-11 11:00:49 +00:00
|
|
|
flex-shrink: 0
|
2016-03-26 14:12:36 +00:00
|
|
|
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
|
2016-07-31 10:45:56 +00:00
|
|
|
flex-grow: 1
|
2016-09-11 11:00:49 +00:00
|
|
|
flex-shrink: 0
|
2016-03-26 14:12:36 +00:00
|
|
|
ul
|
|
|
|
|
margin-top: 10px
|
|
|
|
|
+tablet
|
|
|
|
|
& > a
|
|
|
|
|
&:not(:first-child)
|
|
|
|
|
order: 1
|
