Contents

.pager {
  width: 100%;
  display: flex;
  background-color: $color-card-background;
  box-shadow: $shadow-md;
  border-radius: 10px;
  overflow: hidden;
  list-style: none;
  margin-top: 36px;

  &__item {
    flex: 1 1 0;
    max-width: 20%;
    color: $color-card-text;
    text-align: center;
    transition: background-color 0.2s;

    &:not(.disabled):hover {
      background-color: $color-selected-card-background;
    }

    &.selected {
      color: $color-card-accent-text;
      background-color: $color-selected-card-background;
    }

    &.disabled {
      cursor: default;
    }
  }

  &__link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    padding: 16px 0px;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-theme-twail-1.0.0	_sass/components/_pager.scss