.x-pagination {
  --el-pagination-font-size: 12px;
  --el-pagination-background-color: var(--el-color-white);
  --el-pagination-font-color: var(--el-text-color-primary);
  --el-pagination-border-radius: var(--border-radius-2);
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  font-weight: 400;
  
  // element不知道 出于什么原因设置为0
  .el-input__suffix{
    right: 8px;
  }
  .el-pagination__sizes {
    .el-select--small {
      line-height: var(--el-pagination-button-height);
      // padding: 0 15px 0 30px;
      // position: relative;

      .el-input--small {
        height: var(--el-pagination-button-height);
        line-height: var(--el-pagination-button-height);
        margin: 0;
        // width: 64px;

        .el-input__inner {
          height: var(--el-pagination-button-height);
          line-height: var(--el-pagination-button-height);
        }
      }
    }

    // @mixin  fake-block{
    //   height: var(--el-pagination-button-height);
    //   line-height: var(--el-pagination-button-height);
    //   position: absolute;
    //   text-align: center;
    //   top: 0;
    // }
    // .el-select--mini::before {
    //   content: '每页';
    //   left: 0;
    //   @include fake-block()
    // }

    // .el-select--mini::after {
    //   content: '条';
    //   right: 0;
    //   @include fake-block()
    // }
  }
}

.x-pagination.is-background .btn-prev,
.x-pagination.is-background .btn-next,
.x-pagination.is-background .el-pager li {
  background-color: var(--color-white);
  border: var(--border-base);
  color: var(--color-grey-8);
  min-width: 32px;
}

.x-hoverClass {
  .el-pager {
    li:hover {
      background-color: var(--color-blue-1);
    }
  }
}

.x-pagination.is-background .el-pager li:not(.disabled).active {
  border-color: var(--color-blue-6);
}