.pagination>{li => .page}

scss/_pagination.scss

@@ -5,7 +5,7 @@
   margin-bottom: $spacer-y;
   @include border-radius();
 
-  > li {
+  .page {
     display: inline; // Remove list-style and block-level defaults
 
     > a,
@@ -35,8 +35,8 @@
     }
   }
 
-  > li > a,
-  > li > span {
+  .page > a,
+  .page > span {
     @include hover-focus {
       color: $pagination-hover-color;
       background-color: $pagination-hover-bg;
@@ -44,8 +44,8 @@
     }
   }
 
-  > .active > a,
-  > .active > span {
+  .page.active > a,
+  .page.active > span {
     @include plain-hover-focus {
       z-index: 2;
       color: $pagination-active-color;
@@ -55,7 +55,7 @@
     }
   }
 
-  > .disabled {
+  .page.disabled {
     > span,
     > a {
       @include plain-hover-focus {

scss/mixins/_pagination.scss

@@ -1,7 +1,7 @@
 // Pagination
 
 @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  > li {
+  .page {
     > a,
     > span {
       padding: $padding-vertical $padding-horizontal;