<commit_before>.site-navigation {
  @extend %container;
  height: 37px;
  overflow: hidden;
  position: relative;

  &:before {
    background-image: url(/assets/images/site-navigation-gradient.png);
    $gradient: linear-gradient(left, rgba(255,255,255,0) , rgba(255,255,255,1) 45%);
    background: -webkit-#{$gradient};
    background: -moz-#{$gradient};
    background: -o-#{$gradient};
    background: $gradient;
    content: '';
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
  }

  &:after {
    position: absolute;
    right: 8px;
    top: 0;
    color: lighten($site-navigation__link-color, 40%);
    content: '›';
    font-size: 27px;
    z-index: 2;
  }

  @include breakpoint($tablet-breakpoint) {
    height: 47px;

    &:after,
    &:before {
      content: none;
      display: none;
    }
  }

  @include breakpoint($max-tablet-container) {
    height: 64px;
    float: right;
  }
}

.site-navigation__container {
  height: 54px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;

  @include breakpoint($tablet-breakpoint) {
    height: inherit;
    overflow: auto;
  }
}

.site-navigation__link {
  color: $site-navigation__link-color;
  display: inline-block;
  font-size: 0.9em;
  padding: 10px;
  position: relative;
  text-decoration: none;

  &:hover {
    color: $site-navigation__link-color--active;<commit_msg>Remove tap highlight for iOS devices on site navigation<commit_after>.site-navigation {
  @extend %container;
  height: 37px;
  overflow: hidden;
  position: relative;

  &:before {
    background-image: url(/assets/images/site-navigation-gradient.png);
    $gradient: linear-gradient(left, rgba(255,255,255,0) , rgba(255,255,255,1) 45%);
    background: -webkit-#{$gradient};
    background: -moz-#{$gradient};
    background: -o-#{$gradient};
    background: $gradient;
    content: '';
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
  }

  &:after {
    position: absolute;
    right: 8px;
    top: 0;
    color: lighten($site-navigation__link-color, 40%);
    content: '›';
    font-size: 27px;
    z-index: 2;
  }

  @include breakpoint($tablet-breakpoint) {
    height: 47px;

    &:after,
    &:before {
      content: none;
      display: none;
    }
  }

  @include breakpoint($max-tablet-container) {
    height: 64px;
    float: right;
  }
}

.site-navigation__container {
  height: 54px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;

  @include breakpoint($tablet-breakpoint) {
    height: inherit;
    overflow: auto;
  }
}

.site-navigation__link {
  color: $site-navigation__link-color;
  display: inline-block;
  font-size: 0.9em;
  padding: 10px;
  position: relative;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  &:hover {
    color: $site-navigation__link-color--active;
{'fraction_non_alphanumeric': 0.14989939637826963, 'fraction_numerical': 0.035546613011401745, 'mean_word_length': 3.069577080491132, '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': '4039543', 'n_tokens_mistral': 1179, 'n_tokens_neox': 1040, 'n_words': 221}