From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sat, 26 Mar 2016 14:12:36 +0000 (+0000)
Subject: Add pagination
X-Git-Tag: 0.0.17~6
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7675f7b52284b4120b2e25525033de2c61aa0ace;p=thirdparty%2Fbulma.git

Add pagination
---

diff --git a/bulma/components/components.sass b/bulma/components/components.sass
index 9d4a1352c..6652a4051 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 000000000..78e12496f
--- /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