@import "../bootstrap3/mixins";

//
// Pager pagination
// --------------------------------------------------

.intense {
  &.pager {
    padding-left: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    @include clearfix;
    li {
      display: inline;      

      > a,
      > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        color: $gray-darker;

        margin: 3px;
      }

      > a:hover,
      > a:focus, 
      > a.active {
        text-decoration: none;
        background-color: $gray-lighter;
      }

      > a.active {
        color: $gray-darker;
      }
    }

    .next {
      > a,
      > span {
        float: right;
      }
    }

    .previous {
      > a,
      > span {
        float: left;
      }
    }

    .disabled {
      > a,
      > a:hover,
      > a:focus,
      > span {
        color: $pager-disabled-color;
        background-color: $pagination-bg;
        cursor: not-allowed;
      }
    }

  }

  &.pager.rtl {
    text-align: right;
  }
}
