add pagination code

2 files changed, 32 insertions, 13 deletions

diff --git a/src/avatars.less b/src/avatars.less
index 6494292..159cbbd 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -48,18 +48,6 @@
     background-color: #fff;
   }
 
-  .avatar-status {
-    display: block;
-    width: 25%;
-    height: 25%;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    border: .1em solid #fff;
-    border-radius: 10rem;
-    background-color: @control-color-success;
-  }
-
   &[data-initial]::after {
     content: attr(data-initial);
     position: absolute;
diff --git a/src/navigation.less b/src/navigation.less
index f823210..9828cf3 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -77,5 +77,36 @@
     }
   }
 }
-// TODO: Pagination
+// Pagination
+.pagination {
+  list-style: none;
+  margin: .5rem 0;
+  padding: 1.2rem;
+
+  .page-item {
+    float: left;
+    padding: .1rem .2rem;
+    border: .1rem solid transparent;
+    border-radius: .3rem;
+
+    a {
+      display: block;
+      padding: .5rem 1.5rem;
+      color: @core-color;
+      text-decoration: none;
+
+      &:hover,
+      &:focus {
+        color: darken(@core-color, 15%);
+      }
+    }
+    &.active {
+      background-color: @core-color;
+
+      a {
+        color: #fff;
+      }
+    }
+  }
+}