.page>{a,span => .page-link}

1 files changed, 6 insertions, 12 deletions

diff --git a/scss/_pagination.scss b/scss/_pagination.scss
index 1cb124b231..c7eafa1854 100644
--- a/scss/_pagination.scss
+++ b/scss/_pagination.scss
@@ -8,8 +8,7 @@
   .page {
     display: inline; // Remove list-style and block-level defaults
 
-    > a,
-    > span {
+    .page-link {
       position: relative;
       float: left; // Collapse white-space
       padding: $pagination-padding-y $pagination-padding-x;
@@ -21,22 +20,19 @@
       border: $pagination-border-width solid $pagination-border-color;
     }
     &:first-child {
-      > a,
-      > span {
+      .page-link {
         margin-left: 0;
         @include border-left-radius($border-radius);
       }
     }
     &:last-child {
-      > a,
-      > span {
+      .page-link {
         @include border-right-radius($border-radius);
       }
     }
   }
 
-  .page > a,
-  .page > span {
+  .page .page-link {
     @include hover-focus {
       color: $pagination-hover-color;
       background-color: $pagination-hover-bg;
@@ -44,8 +40,7 @@
     }
   }
 
-  .page.active > a,
-  .page.active > span {
+  .page.active .page-link {
     @include plain-hover-focus {
       z-index: 2;
       color: $pagination-active-color;
@@ -56,8 +51,7 @@
   }
 
   .page.disabled {
-    > span,
-    > a {
+    .page-link {
       @include plain-hover-focus {
         color: $pagination-disabled-color;
         cursor: $cursor-disabled;