ttimsmith/theboldreport.net

// -------------------------------
// PAGE NAVIGATION
// -------------------------------

%nav-button {
  font-size: .85rem;
  font-weight: 600;
  margin: 0;
  padding: 8px 14px;
}

.page-nav {
  @extend %sans;

  list-style-type: none;
  margin-bottom: 0;
  text-align: center;
  li {
    display: inline-block;
  }
}

.page-nav__previous:not(.page-nav__disabled),
.page-nav__next:not(.page-nav__disabled) {
  margin: 0;
  padding: 0;
  a {
    @extend %nav-button;

    background-color: $dark-color;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    &:hover,
    &:focus {
      background-color: $brand-color;
    }
    &:focus {
      outline: 1px dotted $link-color;
    }
  }
}

.page-nav__disabled {
  @extend %nav-button;

  color: lighten($dark-color, 30%);
}