@asi-ngtools/lib/styles/less/asi-pagination.less

This project is a little components library, simple to use, which will help you to simplify your project.

asi-pagination, .asi-pagination {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  justify-content: center;
  margin: 10px;
  .action-panel {
    display: flex;
    flex-direction: row;
    height: 30px;
    .disabled {
      .paginate-boutton {
        background-color: lightgrey;
        box-shadow: none;
      }
    }
    > div {
      display: flex;
      flex-direction: row;
    }
  }
  .paginate-boutton {
    height: 20px;
    width: 17px;
    box-sizing: content-box;
    background-color: @asi-pagination-boutton-background-color;
    border: @asi-pagination-boutton-border;
    text-align: center;
    padding: 6px 7px 3px;
    margin: 0px 3px 0px 3px;
    box-shadow: @asi-pagination-box-shadow;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    &:hover {
      cursor: pointer;
    }
    &.selected {
      background-color: @asi-pagination-selected-background-color;
      color: @asi-pagination-selected-text-color;
    }
    &.action {
      height: 20px;
      box-sizing: content-box;
      padding: 6px 7px 3px;
    }
  }
}