Move pagination to UI lib

modules/backend/assets/less/core/variables.less

@@ -149,11 +149,6 @@
 @color-filelist-hero-hover-bg:               #58b6f7;
 @color-filelist-hero-hover-text:             #ffffff;
 
-@color-pagination-icon:                      #666666;
-@color-pagination-hover:                     @link-color;
-@color-pagination-inactive:                  #b6b6b6;
-@color-pagination:                           #98a7a8;
-
 @color-fancy-master-tabs-bg:                 #d35400;
 @color-fancy-master-tabs-active-text:        #ffffff;
 @color-fancy-master-tabs-inactive-text:      rgba(255, 255, 255, .35);

modules/backend/assets/less/october.less

@@ -21,7 +21,6 @@
 @import "controls/filelist.less";
 @import "controls/toolbar.less";
 @import "controls/common.less";
-@import "controls/pagination.less";
 @import "controls/scoreboard.less";
 @import "controls/charts.less";
 @import "controls/ballooncontrols.less";
@@ -52,6 +51,7 @@
 @import "../../../system/assets/ui/less/list.less";
 @import "../../../system/assets/ui/less/inspector.less";
 @import "../../../system/assets/ui/less/progressbar.less";
+@import "../../../system/assets/ui/less/pagination.less";
 @import "../../../system/assets/ui/less/dropdown.less";
 @import "../../../system/assets/ui/less/loader.less";
 @import "../../../system/assets/ui/less/popover.less";

modules/system/assets/ui/docs/button.md

@@ -4,4 +4,4 @@ Some description about the components
 
 # Example
 
-<button class="btn btn-primary">This is a button</button>
+    <button class="btn btn-primary">This is a button</button>

modules/system/assets/ui/docs/pagination.md

@@ -0,0 +1,10 @@
+# Pagination
+
+Pagination
+
+# Example
+
+<div class="control-pagination">
+    <span class="page-iteration">Displayed records: 1-5 of 20</span>
+    <a href="#" class="page-back" title="Previous page"></a><a href="#" class="page-next" title="Next page"></a>
+</div>

modules/system/assets/ui/less/pagination.less

@@ -1,3 +1,19 @@
+//
+// Dependencies
+// --------------------------------------------------
+
+@import "icon.less";
+@import "global.less";
+
+//
+// Pagination
+// --------------------------------------------------
+
+@color-pagination-icon:                      #666666;
+@color-pagination-hover:                     @link-color;
+@color-pagination-inactive:                  #b6b6b6;
+@color-pagination:                           #98a7a8;
+
 //
 // Pagination
 // --------------------------------------------------