Add pagination

diff --git a/bulma/components/components.sass b/bulma/components/components.sass
index 9d4a1352c2ddba23c4ba8aa31a70452ab2669944..6652a40519a8e732919a7924e6f1f45229493769 100644 (file)
--- a/bulma/components/components.sass
+++ b/bulma/components/components.sass
@@ -7,6 +7,7 @@
 @import "tabs"
 @import "media"
 @import "menu"
+@import "pagination"
 @import "panel"
 @import "modal"
 

diff --git a/bulma/components/pagination.sass b/bulma/components/pagination.sass
new file mode 100644 (file)
index 0000000..78e1249
--- /dev/null
+++ b/bulma/components/pagination.sass
@@ -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