Add pagination
This commit is contained in:
parent
42b7aaf26a
commit
7675f7b522
2 changed files with 40 additions and 0 deletions
|
@ -7,6 +7,7 @@
|
|||
@import "tabs"
|
||||
@import "media"
|
||||
@import "menu"
|
||||
@import "pagination"
|
||||
@import "panel"
|
||||
@import "modal"
|
||||
|
||||
|
|
39
bulma/components/pagination.sass
Normal file
39
bulma/components/pagination.sass
Normal 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
|
Loading…
Add table
Reference in a new issue