mirror of
https://github.com/jgthms/bulma
synced 2026-03-21 20:54:30 -07:00
Add pagination
This commit is contained in:
@@ -7,6 +7,7 @@
|
|||||||
@import "tabs"
|
@import "tabs"
|
||||||
@import "media"
|
@import "media"
|
||||||
@import "menu"
|
@import "menu"
|
||||||
|
@import "pagination"
|
||||||
@import "panel"
|
@import "panel"
|
||||||
@import "modal"
|
@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
|
||||||
Reference in New Issue
Block a user