cartodb/assets/stylesheets/common/pagination.scss

@import '../variables/colors';
@import '../variables/sizes';

.Pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Pagination--shareList {
  display: flex;
  justify-content: flex-end;
  padding: 30px 0;
  border-top: 1px solid $cStructure-mainLine;
}

.Pagination--search {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
}

.Pagination--searchShare {
  z-index: 5;
  bottom: 30px;
}

.Pagination-label {
  margin-right: 16px;
}

.Pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Pagination-listItem {
  border: 1px $cStructure-mainLine solid;
  border-right-width: 0;
}

.Pagination-listItemInner {
  display: inline-block;
  padding: 10px 15px;
  border: none;
  outline: none;
  background: $cStructure-mainBkg;
}

.Pagination-listItemInner--more {
  background-color: $cStructure-grayBkg;
  color: $cTypography-help;
}

.Pagination-listItem:first-child {
  border-radius: 5px 0 0 5px;

  .Pagination-listItemInner {
    border-radius: 5px 0 0 5px;
  }
}

.Pagination-listItem:last-child {
  border-right-width: 1px;
  border-radius: 0 5px 5px 0;

  .Pagination-listItemInner {
    border-radius: 0 5px 5px 0;
  }
}

.Pagination-listItem.is-current,
.Pagination-listItem.is-current .Pagination-listItemInner--link,
.Pagination-listItem.is-current .Pagination-listItemInner--link:hover {
  color: $cTypography-headers;
  text-decoration: none;
  cursor: default;
}