Merge pull request #8412 from cvrebert/pagination-nesting

use nesting more in pagination.less

1 files changed, 50 insertions, 40 deletions

diff --git a/less/pagination.less b/less/pagination.less
index 48201b2ef..45c53ebce 100644
--- a/less/pagination.less
+++ b/less/pagination.less
@@ -10,7 +10,7 @@
   > li {
     display: inline; // Remove list-style and block-level defaults
     > a,
-    > span,{
+    > span {
       float: left; // Collapse white-space
       padding: 4px 12px;
       line-height: @line-height-base;
@@ -19,6 +19,19 @@
       border: 1px solid @pagination-border;
       border-left-width: 0;
     }
+    &:first-child {
+      > a,
+      > span {
+        border-left-width: 1px;
+        .border-left-radius(@border-radius-base);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        .border-right-radius(@border-radius-base);
+      }
+    }
   }
   
   > li > a:hover,
@@ -43,21 +56,6 @@
       cursor: default;
     }
   }
-  
-  > li:first-child {
-    > a,
-    > span {
-      border-left-width: 1px;
-      .border-left-radius(@border-radius-base);
-    }
-  }
-  
-  > li:last-child {
-    > a,
-    > span {
-      .border-right-radius(@border-radius-base);
-    }
-  }
 }
 
 // Sizing
@@ -65,34 +63,46 @@
 
 // Large
 .pagination-large {
-  > li > a,
-  > li > span {
-    padding: @padding-large-vertical @padding-large-horizontal;
-    font-size: @font-size-large;
-  }
-  > li:first-child > a,
-  > li:first-child > span {
-    .border-left-radius(@border-radius-large);
-  }
-  > li:last-child > a,
-  > li:last-child > span {
-    .border-right-radius(@border-radius-large);
+  > li {
+    > a,
+    > span {
+      padding: @padding-large-vertical @padding-large-horizontal;
+      font-size: @font-size-large;
+    }
+    &:first-child {
+      > a,
+      > span {
+        .border-left-radius(@border-radius-large);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        .border-right-radius(@border-radius-large);
+      }
+    }
   }
 }
 
 // Small
 .pagination-small {
-  > li > a,
-  > li > span {
-    padding: @padding-small-vertical @padding-small-horizontal;
-    font-size: @font-size-small;
-  }
-  > li:first-child > a,
-  > li:first-child > span {
-    .border-left-radius(@border-radius-small);
-  }
-  > li:last-child > a,
-  > li:last-child > span {
-    .border-right-radius(@border-radius-small);
+  > li {
+    > a,
+    > span {
+      padding: @padding-small-vertical @padding-small-horizontal;
+      font-size: @font-size-small;
+    }
+    &:first-child {
+      > a,
+      > span {
+        .border-left-radius(@border-radius-small);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        .border-right-radius(@border-radius-small);
+      }
+    }
   }
 }