mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Add pagination
This commit is contained in:
@@ -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
|
||||
Reference in New Issue
Block a user