Improve pager customization

diff --git a/less/pager.less b/less/pager.less
index 16993ddc82f7e507f8cb446e32c5e8840e94d8af..9b22b6d3895c0507387adaf2b5c021200499278e 100644 (file)
--- a/less/pager.less
+++ b/less/pager.less
@@ -15,15 +15,15 @@
     > span {
       display: inline-block;
       padding: 5px 14px;
-      background-color: @pagination-bg;
-      border: 1px solid @pagination-border;
+      background-color: @pager-bg;
+      border: 1px solid @pager-border;
       border-radius: @pager-border-radius;
     }
 
     > a:hover,
     > a:focus {
       text-decoration: none;
-      background-color: @pagination-hover-bg;
+      background-color: @pager-hover-bg;
     }
   }
 
@@ -47,7 +47,7 @@
     > a:focus,
     > span {
       color: @pager-disabled-color;
-      background-color: @pagination-bg;
+      background-color: @pager-bg;
       cursor: not-allowed;
     }
   }

diff --git a/less/variables.less b/less/variables.less
index fea7bc75aa204ebb128bae147eeae5d5223fcc66..03382d91f611071fd5dd7e40a86b2810980c0c4e 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -363,8 +363,16 @@
 // Pager
 // -------------------------
 
+@pager-bg:                             @pagination-bg;
+@pager-border:                         @pagination-border;
 @pager-border-radius:                  15px;
-@pager-disabled-color:                 @gray-light;
+
+@pager-hover-bg:                       @pagination-hover-bg;
+
+@pager-active-bg:                      @pagination-active-bg;
+@pager-active-color:                   @pagination-active-color;
+
+@pager-disabled-color:                 @pagination-disabled-color;
 
 
 // Jumbotron