rbowen / centos / centos.org

Forked from centos/centos.org 3 years ago
Clone

Blame content/assets/css/bootstrap/_pagination.scss

e8ec7a
//
e8ec7a
// Pagination (multiple pages)
e8ec7a
// --------------------------------------------------
e8ec7a
.pagination {
e8ec7a
  display: inline-block;
e8ec7a
  padding-left: 0;
e8ec7a
  margin: $line-height-computed 0;
e8ec7a
  border-radius: $border-radius-base;
e8ec7a
e8ec7a
  > li {
e8ec7a
    display: inline; // Remove list-style and block-level defaults
e8ec7a
    > a,
e8ec7a
    > span {
e8ec7a
      position: relative;
e8ec7a
      float: left; // Collapse white-space
e8ec7a
      padding: $padding-base-vertical $padding-base-horizontal;
e8ec7a
      line-height: $line-height-base;
e8ec7a
      text-decoration: none;
e8ec7a
      background-color: $pagination-bg;
e8ec7a
      border: 1px solid $pagination-border;
e8ec7a
      margin-left: -1px;
e8ec7a
    }
e8ec7a
    &:first-child {
e8ec7a
      > a,
e8ec7a
      > span {
e8ec7a
        margin-left: 0;
e8ec7a
        @include border-left-radius($border-radius-base);
e8ec7a
      }
e8ec7a
    }
e8ec7a
    &:last-child {
e8ec7a
      > a,
e8ec7a
      > span {
e8ec7a
        @include border-right-radius($border-radius-base);
e8ec7a
      }
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  > li > a,
e8ec7a
  > li > span {
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      background-color: $pagination-hover-bg;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  > .active > a,
e8ec7a
  > .active > span {
e8ec7a
    &,
e8ec7a
    &:hover,
e8ec7a
    &:focus {
e8ec7a
      z-index: 2;
e8ec7a
      color: $pagination-active-color;
e8ec7a
      background-color: $pagination-active-bg;
e8ec7a
      border-color: $pagination-active-bg;
e8ec7a
      cursor: default;
e8ec7a
    }
e8ec7a
  }
e8ec7a
e8ec7a
  > .disabled {
e8ec7a
    > span,
e8ec7a
    > a,
e8ec7a
    > a:hover,
e8ec7a
    > a:focus {
e8ec7a
      color: $pagination-disabled-color;
e8ec7a
      background-color: $pagination-bg;
e8ec7a
      border-color: $pagination-border;
e8ec7a
      cursor: not-allowed;
e8ec7a
    }
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Sizing
e8ec7a
// --------------------------------------------------
e8ec7a
e8ec7a
// Large
e8ec7a
.pagination-lg {
e8ec7a
  @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
e8ec7a
}
e8ec7a
e8ec7a
// Small
e8ec7a
.pagination-sm {
e8ec7a
  @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
e8ec7a
}