From 7675f7b52284b4120b2e25525033de2c61aa0ace Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sat, 26 Mar 2016 14:12:36 +0000
Subject: [PATCH] Add pagination

---
 bulma/components/components.sass |  1 +
 bulma/components/pagination.sass | 39 ++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 bulma/components/pagination.sass

diff --git a/bulma/components/components.sass b/bulma/components/components.sass
index 9d4a1352..6652a405 100644
--- 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
index 00000000..78e12496
--- /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