@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

/* pagination
 ----------------------------*/

@include b(pagination) {
  text-align: right;
  padding: 28px 0 12px 0;
  border-top: 1px solid $--color-border-lighter;
  .el-pagination__sizes{
    float: right;
    margin:-2px 15px 0 20px;
  }
  .el-pagination.is-background .el-pager li:hover {
    color: $--color-primary;
  }
  .el-pagination.is-background .el-pager li.active {
    color: $--color-white;
    background-image: linear-gradient($--button-deg, $--color-primary, $--color-primary-lighter);
  }
  .el-pagination__sizes .el-input .el-input__inner:hover,
  .el-pagination__sizes .el-input .el-input__inner:focus {
    border-color: $--color-primary;
  }
}