@charset "UTF-8";

@import "mixin";

@mixin page($color: #999) {
  .pagination {
    text-align: right;
    color: $color;
    margin-top: 10px;
    .page {
      @include clearfix;
      @include inline-block;
      vertical-align: middle;
    }
    .foward {
      @include inline-block;
      vertical-align: middle;
      padding-left: 15px;
      span {
        padding: 0 5px;
      }
    }
    li {
      float: left;
      margin-left: 5px;
    }
    a {
      display: block;
      padding: 6px 12px;
      border: 1px solid #ddd;
      color: $color;
      &:hover, &.active {
        border: 2px solid #cc3333;
        color: #cc3333;
        padding: 5px 11px;
      }
      &.disabled {
        background-color: #eee;
        &:hover {
          border: 1px solid #ddd;
          color: $color;
          padding: 6px 12px;
        }
      }
    }
  }
}