/**
 * Modify Bootstrap pagination lists.
 */

/* Add the EdGEL standard box shadow to component and increase spacing. */
/* Remove rounded corners from pagination element, consistent with panels. */
.pagination {
  .shade;
  margin:           @grid-gutter-width 0;
  background-color: @panel-bg;
  border-radius:    0;
}

/* Only have a solid border between list items. */
.pagination > li {
  & > a,
  & > span {
    border-style: none none none solid;
  }
  &:first-of-type > a,
  &:first-of-type > span {
    border-left-style: none;
  }
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus {
  color: #6c757d;
}

.pagination-sm,
.pagination,
.pagination-lg {
  > li:first-child {
    & > a,
    & > span {
      border-top-left-radius:    0;
      border-bottom-left-radius: 0;
    }
  }
  > li:last-child {
    & > a,
    & > span {
      border-top-right-radius:    0;
      border-bottom-right-radius: 0;
    }
  }
}

/* We have a slightly larger horizontal padding on the large pagination to make
   it more square. */
.pagination-lg {
  > li {
    > a,
    > span {
      padding: @padding-large-vertical (@padding-large-horizontal * 1.2);
    }
  }
}

/* If we've not wrapped the glyphicon span in another span for the first/last
   pagination item, fix the 1px offset */
.pagination > li > .glyphicon {
  top:            0;
  padding: @padding-base-vertical @padding-base-horizontal;
}
.pagination-lg > li > .glyphicon {
  padding: @padding-large-vertical (@padding-large-horizontal * 1.2);
}
.pagination-sm > li > .glyphicon {
  padding: @padding-small-vertical @padding-small-horizontal;
}

/* The pagination-condensed style when used in conjunction with the pagination
   size classes */
.pagination.pagination-condensed {
  > li {
    > a,
    > span {
      padding: @padding-base-vertical 5px;
      @media (min-width: 1200px) {
        padding: @padding-base-vertical 6px;
      }
    }
  }
}

.pagination-lg.pagination-condensed {
  > li {
    > a,
    > span {
      padding: @padding-large-vertical 6px;
      @media (min-width: 1200px) {
        padding: @padding-large-vertical 8px;
      }
    }
  }
}

.pagination-sm.pagination-condensed {
  > li {
    > a,
    > span {
      padding: @padding-small-vertical 4px;
      @media (min-width: 1200px) {
        padding: @padding-small-vertical 5px;
      }
    }
  }
}
