Sha256: 6fe87e95fc58fd71e4cdbe1bcc12248bbebeff6c51e4135395637ea9ee79d18b

Contents?: true

Size: 1.55 KB

Versions: 172

Compression:

Stored size: 1.55 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(xl);
      display: inline-block;
      min-width: 8px;
      padding: 8px 12px;
      text-align: center;
    }

    a { background: color(haze); }
    a:hover,
    a:focus { background: darkish-color(haze); }
    a:active { background: lightish-color(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-black); }
      a:hover,
      a:focus { background: darkish-color(light-black); }
      a:active { background: lightish-color(light-black); }
    }
  }
  &.light {
    li {
      a { background: color(dark-haze); }
      a:hover,
      a:focus { background: darkish-color(dark-haze); }
      a:active { background: lightish-color(dark-haze); }
    }
  }
}

Version data entries

172 entries across 172 versions & 1 rubygems

Version Path
active_frontend-14.0.31 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.30 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.29 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.28 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.27 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.26 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.25 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.24 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.23 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.22 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.21 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.20 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.19 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.18 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.17 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.16 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.15 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.14 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.13 vendor/assets/stylesheets/components/_pagination.scss
active_frontend-14.0.12 vendor/assets/stylesheets/components/_pagination.scss