@import 'susy';

.data-table-pager--buttons {
  @include container();
  list-style: none;
  padding: 0;

  .data-table-pager--previous-page,
  .data-table-pager--next-page {
    padding: 0;

    i {
      border-radius: 100%;
      cursor: pointer;
      margin: .5rem;
      padding: .5rem;
    }
  }

  .data-table-pager--previous-page {
    @include span(3 of 12);
  }

  .data-table-pager--page-info {
    @include span(6 of 12);

    text-align: center;

    // scss-lint:disable UnnecessaryParentReference
    & > span {
      display: inline-block;
      padding: 1rem;
    }
  }

  .data-table-pager--next-page {
    @include span(3 of 12 last);

    text-align: right;
  }
}