Contents

// Pagination
//
// Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
// there are no more previous or next posts to show.

// <<<<< LINK
.pagination {
  width: 100%;
  margin: 0 -1.5rem 1rem;
  color: $gray;
  text-align: center;

  > ul {
    list-style: none;
    padding: 0;
  }
}

// Pagination items can be `span`s or `a`s
.pagination-item {
  > * {
    display: block;
    padding: .25rem 1rem;
    border: solid $border-color;
    border-width: 1px 0;
  }

  > a, > a:hover, > a:focus {
    border-color: $border-color!important;
  }

  &:first-child > * {
    margin-bottom: -1px;
  }

  // Only provide a hover state for linked pagination items
  > a:hover, a:focus {
    background-color: #f5f5f5;
    border-bottom: 1px solid $border-color;
  }
}

@media (min-width: 23.5em) {
  .pagination {
    margin: 3rem 0;
  }

  .pagination-item {
    > * {
      float: left;
      width: 50%;
      border-width: 1px;
    }

    &:first-child > * {
      margin-bottom: 0;
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    &:last-child > * {
      margin-left: -1px;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
  }
}
// >>>>> LINK

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-hydejack-7.0.0.pre.beta.1	_sass/pooleparty/_pagination.pre.scss
jekyll-theme-hydejack-7.0.0.pre.beta.0	_sass/pooleparty/_pagination.pre.scss