1 //

     2 // Pager pagination

     3 // --------------------------------------------------

     4 

     5 

     6 .pager {

     7   padding-left: 0;

     8   margin: $line-height-computed 0;

     9   list-style: none;

    10   text-align: center;

    11   @include clearfix;

    12   li {

    13     display: inline;

    14     > a,

    15     > span {

    16       display: inline-block;

    17       padding: 5px 14px;

    18       background-color: $pager-bg;

    19       border: 1px solid $pager-border;

    20       border-radius: $pager-border-radius;

    21     }

    22 

    23     > a:hover,

    24     > a:focus {

    25       text-decoration: none;

    26       background-color: $pager-hover-bg;

    27     }

    28   }

    29 

    30   .next {

    31     > a,

    32     > span {

    33       float: right;

    34     }

    35   }

    36 

    37   .previous {

    38     > a,

    39     > span {

    40       float: left;

    41     }

    42   }

    43 

    44   .disabled {

    45     > a,

    46     > a:hover,

    47     > a:focus,

    48     > span {

    49       color: $pager-disabled-color;

    50       background-color: $pager-bg;

    51       cursor: $cursor-disabled;

    52     }

    53   }

    54 }