<commit_before>/**
*
* Main Navigation
*
* Google Web Essentials
*
* R/GA 2014
* @author <NAME>
* @author <NAME>
*
**/

.main-nav {
  background: #ffffff;
  position: relative;

  @include medium {
    background-color: $colorGrayDark;
  }
}

.main-nav__list {
  margin: 0;
  padding: 0;

  @include medium {
    text-align: center;
    @include container;
    position: static;
  }
}

.main-nav__item {
  list-style: none;
  display: block;
  background-color: $colorGray;
  position: static;
  padding-left: 0;

  &.main-nav__item--logo {
    @include small-only {
      display: none;
    }
  }

  @include medium {
    float: left;
    background-color: transparent;
    width: 20%;
    border-right: 1px solid darken($colorGrayDark, 10%);

    &:last-child {
      border-right: none;
    }
  }

  // Remove the margin-top apart from first-child
  &:first-child ~ .main-nav__item {
    padding-top: 0;
  }
}

.main-nav__link {
  color: $colorGrayDark;
  font-family: $fontHighlight;
  @include type--large;
  margin-bottom: 1px;

  display: block;

  padding-top: $lineHeight/2;
  padding-bottom: ($lineHeight/2) - 1;

  @include small-only {
    @include container;
  }

  @include medium {
    margin-bottom: 0;
    color: #ffffff;
    @include type--medium;
    padding-bottom: $lineHeight;
  }

  @include wide {
    padding-bottom: $lineHeight;
  }

  &:hover {
    text-decoration: none;
  }

  .main-nav__item--logo & {
    font-size: 60px;
    padding-top: $lineHeight;
    line-height: $lineHeight;
  }
}

.main-nav__list--child {
  padding-top: 0;
}

.main-nav__item--child {
  padding-top: 0;
  position: static;
  padding-left: 0;

  &:before {
    display: none;
  }
}

.main-nav__link--child {
  background: #ffffff;
  @include type--base;
  padding-top: $lineHeight/2;
  padding-bottom: ($lineHeight/2) - 1;

  @include medium {
    color: $colorText;

    // Only override links inside list
    .main-nav__list--child & {
      @include type--large;
    }
  }
}


.main-nav__secondary-nav {
  @include medium {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 2px solid $colorGrayDark;
    padding-bottom: ($lineHeight*2) - 2;

    display: none;

    li:hover & {
      display: block;
    }
  }
}


.main-nav__secondary-content {
  @include medium {
    @include container;
    text-align: left;
  }
}

.main-nav__link--explore {
  // font-size: $fontBase;
  font-weight: 600;
  color: $colorHighlight;
}
<commit_msg>Update nav<commit_after>/**
*
* Main Navigation
*
* Google Web Essentials
*
* R/GA 2014
* @author <NAME>
* @author <NAME>
*
**/

.main-nav {
  background: #ffffff;
  position: relative;

  @include medium {
    background-color: $colorGrayDark;
  }
}

.main-nav__list {
  margin: 0;
  padding: 0;

  @include medium {
    text-align: center;
    @include container;
    position: static;
  }
}

.main-nav__item {
  list-style: none;
  display: block;
  background-color: $colorGray;
  position: static;
  padding-left: 0;

  &.main-nav__item--logo {
    @include small-only {
      display: none;
    }
  }

  @include medium {
    float: left;
    background-color: transparent;
    width: 20%;
    border-right: 1px solid darken($colorGrayDark, 10%);

    &:last-child {
      border-right: none;
    }
  }

  // Remove the margin-top apart from first-child
  &:first-child ~ .main-nav__item {
    padding-top: 0;
  }
}

.main-nav__link {
  color: $colorGrayDark;
  font-family: $fontHighlight;
  @include type--large;
  margin-bottom: 1px;

  display: block;

  padding-top: $lineHeight/2;
  padding-bottom: ($lineHeight/2) - 1;

  @include small-only {
    @include container;
  }

  @include medium {
    margin-bottom: 0;
    color: #ffffff;
    @include type--medium;
    padding-bottom: $lineHeight;
  }

  @include wide {
    padding-bottom: $lineHeight;
  }

  &:hover {
    text-decoration: none;
  }

  .main-nav__item--logo & {
    font-size: 60px;
    padding-top: $lineHeight;
    line-height: $lineHeight;
  }
}

.main-nav__list--child {
  padding-top: 0;
}

.main-nav__item--child {
  padding-top: 0;
  position: static;
  padding-left: 0;

  &:before {
    display: none;
  }
}

.main-nav__link--child {
  background: #ffffff;
  @include type--base;
  padding-top: $lineHeight/2;
  padding-bottom: ($lineHeight/2) - 1;

  @include medium {
    color: $colorText;

    // Only override links inside list
    .main-nav__list--child & {
      @include type--large;
    }
  }
}


.main-nav__secondary-nav {
  @include medium {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 2px solid $colorGrayDark;
    padding-bottom: ($lineHeight*2) - 2; // remove the 2px border from the padding

    display: none;

    li:hover & {
      display: block;
    }
  }
}


.main-nav__secondary-content {
  @include medium {
    @include container;
    text-align: left;
  }
}

.main-nav__link--explore {
  // font-size: $fontBase;
  font-weight: 600;
  color: $colorHighlight;
}

{'fraction_non_alphanumeric': 0.14493330678877164, 'fraction_numerical': 0.013736810670913797, 'mean_word_length': 2.5834522111269616, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, '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': '4642909', 'n_tokens_mistral': 1938, 'n_tokens_neox': 1812, 'n_words': 392}