// // Pagination // —————————————- .dark {

.pagination {

  > li {

    > a {
      background-color: $pagination-bgr-color;
      border: 1px solid $pagination-border-color;
    }
  }

  > li > a {

    &.focus,
    &:focus {
      background-color: hsv-lighten($pagination-bgr-color, 21%, true);
      border-color: hsv-lighten($pagination-border-color, 21%, true);
    }

    &.hover,
    &:hover {
      background-color: hsv-lighten($pagination-bgr-color, 7%, true);
      border-color: hsv-lighten($pagination-border-color, 7%, true);
    }

    &.active,
    &:active {
      background-color: hsv-lighten($pagination-bgr-color, 15%, true);
      border-color: hsv-lighten($pagination-border-color, 15%, true);
    }

  }

  > .active > a {
    background-color: $pagination-active-bgr-color;
    border-color: $pagination-active-border-color;
    overflow: hidden;

    &:before {
      content: url('data:image/gif;base64,R0lGODdhDAAMAKUiAOYgheYhhuYihuYih+Yjh+YjiOYkh+YkiOYliOYlieYmiOYmieYniecniecniuYoiucoiecoiuYpiucpiucqiucqi+cri+csjOctjOcujecvjecvjucwjugxj+gyj+g0kOg1kOg1kf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAADAAMAAAGXUAE4lAYBACAAOFwEB4IRqSS6YQGroKls3gNZJsJptWrXSzEAnKT8XgQ3oOvgiGpVN54A4JuuVzwTXMPFhgaGwVMCQ0QERQYHB4eiQ0RExQWGR0fIIkOlRWYHiAhQQA7');
    }

    &.focus,
    &:focus {
      background-color: hsv-darken($pagination-active-bgr-color, 16%, true);
      border-color: hsv-darken($pagination-active-border-color, 16%, true);
    }

    &.hover,
    &:hover {
      background-color: hsv-darken($pagination-active-bgr-color, 5%, true);
      border-color: hsv-darken($pagination-active-border-color, 5%, true);
    }

    &.active,
    &:active {
      background-color: hsv-darken($pagination-active-bgr-color, 10%, true);
      border-color: hsv-darken($pagination-active-border-color, 10%, true);
    }
  }

  > .disabled {
    > a,
    > a:hover,
    > a:focus,
    > a:active {
      background-color: $pagination-disabled-bgr-color;
      border-color: $pagination-disabled-border-color;
      cursor: not-allowed;
    }
  }

}

.pagination-small {
  @include pagination-variant($pagination-width-small, $pagination-height-small, $pagination-gutter-small);
}

}