Sha256: 69856c7653bbaa9d271ea0bc8e928eb022a558a2a47f1778aa8dd38ac57a82bd

Contents?: true

Size: 1.61 KB

Versions: 5

Compression:

Stored size: 1.61 KB

Contents

// Table of Contents
// ==================================================
// Pagination

// scss-lint:disable NestingDepth

// Pagination
// ==================================================
.pagination {
  color: color(black);
  list-style: none;
  padding: 0;

  li {
    display: inline-block;
    line-height: 1;
    margin-right: 2px;

    &:last-child { margin: 0; }

    a,
    &.active {
      border-radius: border-radius(xxl);
      display: inline-block;
      min-width: 8px;
      padding: 8px 12px;
      text-align: center;
    }

    a {
      background: color(haze);

      @if ($pseudo-elements) {
        &:hover,
        &:active,
        &:focus { background: color(dark-haze); }
      }
    }

    &.active {
      background: color(primary);
      color: color(white);
    }
    &.pagination-icon {
      a {
        font-size: text-size(m);
        padding: 7px;
      }

      &:first-child {
        a {
          padding-left: 6px;
          padding-right: 8px;
        }
      }
      &:last-child {
        a {
          padding-left: 8px;
          padding-right: 6px;
        }
      }
    }
  }

  &.dark,
  &.light,
  &.white { background: color(transparent); }
  &.dark {
    li {
      a {
        background: color(light-slate);

        @if ($pseudo-elements) {
          &:hover,
          &:active,
          &:focus { background: color(dark-slate); }
        }
      }
    }
  }
  &.light {
    li {
      a {
        background: color(dark-haze);

        @if ($pseudo-elements) {
          &:hover,
          &:active,
          &:focus { background: color(light-haze); }
        }
      }
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
active_frontend-17.0.4 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.0.3 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.0.2 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.0.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.0.0 vendor/assets/stylesheets/components/_pagination.scss