<commit_before>@import "~@skyux/theme/scss/mixins";
@import "~@skyux/theme/scss/_compat/mixins";
@import "~@skyux/theme/scss/variables";

$sky-paging-modern-padding-top-bottom: 3px;

:host {
  display: block;
}

ul {
  margin: $sky-margin-plus-half 0 0 0;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

li {
  display: inline;
}

.sky-paging-btn {
  @include sky-border(light, top, right, bottom, left);
  border-radius: 0;
  background-color: $sky-color-white;
  color: inherit;
  float: left;
  margin-left: -1px;
  padding: 4px 10px;
  text-decoration: none;
  line-height: $sky-line-height-base;
  font-size: $sky-font-size-base;
  cursor: pointer;

  &.sky-paging-caret {
    transform: none;
  }

  &.sky-paging-current,
  &.sky-paging-current:disabled,
  &.sky-paging-current[disabled] {
    background-color: $sky-background-color-neutral-light;
    cursor: default;
    color: inherit;
    opacity: 1;
  }

  &:hover {
    background-color: darken($sky-background-color-neutral-light, 10%);
  }

   &:disabled {
    color: $sky-text-color-deemphasized;
    cursor: not-allowed;
    pointer-events: none;
  }

  &.sky-paging-btn-previous,
  &.sky-paging-btn-next {
    padding-left: 8.5px;
    padding-right: 8.5px;
  }
}

.sky-paging-icon-modern {
  display: none;
}

@include sky-theme-modern {
  .sky-paging-btn {
    background-color: transparent;
    border: none;
    border-radius: $sky-theme-modern-box-border-radius-default;
    margin-right: $sky-theme-modern-margin-inline-sm;
    padding: $sky-paging-modern-padding-top-bottom $sky-theme-modern-space-sm;

    &:hover {
      background-color: transparent;
      border: solid 1px $sky-theme-modern-background-color-primary-dark;
      padding: $sky-paging-modern-padding-top-bottom - 1 $sky-theme-modern-space-sm - 1;
      z-index: 1;
    }

    &:active,
    &:focus {
      border: solid 2px $sky-theme-modern-background-color-primary-dark;
      color: $sky-text-color-default;
      padding: $sky-paging-modern-padding-top-bottom - 2 $sky-theme-modern-space-sm - 2;
    }

    &:focus:not(:active) {
      outline: none;
      box-shadow:<commit_msg>Fixed paging buttons to no longer have borders in modern theme (#217)<commit_after>@import "~@skyux/theme/scss/mixins";
@import "~@skyux/theme/scss/_compat/mixins";
@import "~@skyux/theme/scss/variables";

$sky-paging-modern-padding-top-bottom: 3px;

:host {
  display: block;
}

ul {
  margin: $sky-margin-plus-half 0 0 0;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

li {
  display: inline;
}

.sky-paging-btn {
  @include sky-border(light, top, right, bottom, left);
  border-radius: 0;
  background-color: $sky-color-white;
  color: inherit;
  float: left;
  margin-left: -1px;
  padding: 4px 10px;
  text-decoration: none;
  line-height: $sky-line-height-base;
  font-size: $sky-font-size-base;
  cursor: pointer;

  &.sky-paging-caret {
    transform: none;
  }

  &.sky-paging-current,
  &.sky-paging-current:disabled,
  &.sky-paging-current[disabled] {
    background-color: $sky-background-color-neutral-light;
    cursor: default;
    color: inherit;
    opacity: 1;
  }

  &:hover {
    background-color: darken($sky-background-color-neutral-light, 10%);
  }

   &:disabled {
    color: $sky-text-color-deemphasized;
    cursor: not-allowed;
    pointer-events: none;
  }

  &.sky-paging-btn-previous,
  &.sky-paging-btn-next {
    padding-left: 8.5px;
    padding-right: 8.5px;
  }
}

.sky-paging-icon-modern {
  display: none;
}

@include sky-theme-modern {
  .sky-paging-btn {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: $sky-theme-modern-box-border-radius-default;
    margin-right: $sky-theme-modern-margin-inline-sm;
    padding: $sky-paging-modern-padding-top-bottom $sky-theme-modern-space-sm;

    &:hover {
      background-color: transparent;
      border: solid 1px $sky-theme-modern-background-color-primary-dark;
      padding: $sky-paging-modern-padding-top-bottom - 1 $sky-theme-modern-space-sm - 1;
      z-index: 1;
    }

    &:active,
    &:focus {
      border: solid 2px $sky-theme-modern-background-color-primary-dark;
      color: $sky-text-color-default;
      padding: $sky-paging-modern-padding-top-bottom - 2 $sky-theme-modern-space-sm - 2;
    }

    &:focus:not(:active) {
      outline: none;
      box-shadow:
{'fraction_non_alphanumeric': 0.1595793324188386, 'fraction_numerical': 0.01211705532693187, 'mean_word_length': 3.010082493125573, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3752761', 'n_tokens_mistral': 1720, 'n_tokens_neox': 1619, 'n_words': 278}