Sha256: 14ab724d0e96b8a6c62b5845aca930cd675d8fd233e76775d86d9f7c9dc759fd

Contents?: true

Size: 1.61 KB

Versions: 19

Compression:

Stored size: 1.61 KB

Contents

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

// scss-lint:disable NestingDepth

// Pagination
// ==================================================
.pagination {
  color: color(steel);
  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

19 entries across 19 versions & 1 rubygems

Version Path
active_frontend-18.0.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-18.0.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.7.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.6.3 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.6.2 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.6.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.6.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.5.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.5.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.4.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.4.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.3.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.3.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.2.0 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.1.4 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.1.3 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.1.2 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.1.1 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-17.1.0 vendor/assets/stylesheets/components/_pagination.scss