resources/scss/bootstrap/_pager.scss

   1 //
   2 // Pager pagination
   3 // --------------------------------------------------
   4
   5 .pager {
   6   padding-left: 0;
   7   margin: $line-height-computed 0;
   8   list-style: none;
   9   text-align: center;
  10   @include clearfix;
  11   li {
  12         display: inline;
  13         > a,
  14         > span {
  15           display: inline-block;
  16           padding: 5px 14px;
  17           background-color: $pager-bg;
  18           border: 1px solid $pager-border;
  19           border-radius: $pager-border-radius;
  20         }
  21
  22         > a:hover,
  23         > a:focus {
  24           text-decoration: none;
  25           background-color: $pager-hover-bg;
  26         }
  27   }
  28
  29   .next {
  30         > a,
  31         > span {
  32           float: right;
  33         }
  34   }
  35
  36   .previous {
  37         > a,
  38         > span {
  39           float: left;
  40         }
  41   }
  42
  43   .disabled {
  44         > a,
  45         > a:hover,
  46         > a:focus,
  47         > span {
  48           color: $pager-disabled-color;
  49           background-color: $pager-bg;
  50           cursor: $cursor-disabled;
  51         }
  52   }
  53 }