<commit_before>.nav {
  height: $navbar-height;
  background-color: $nav-background-color;
  font-family: $sans-serif-font-family;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;

  &.no-logo {
    background-color: transparent;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}

.nav-logo {
  font-size: $nav-logo-font-size;
  text-transform: capitalize;
  justify-content: flex-start;

  > a {
    text-decoration: none;
  }
}

.nav-menu {
  margin: 0;
  padding: 0;
  display: flex;
  font-size: $nav-menu-font-size;
}

.nav-item {
  list-style: none;
  margin: $nav-item-margin;
  border-bottom: 1px dotted transparent;
  transition: border-color 0.6s ease;

  > a {
    text-decoration: none;
  }

  &:last-child {
    margin-right: 0;
  }

  &:hover {
    border-bottom: 1px dotted #bc002d;
  }
}

@media (max-width: 500px) {

  .nav-item {
    margin: 0 1rem 0 0;
  }

  .nav-logo {
    font-size: 2.074rem;
  }

  .nav-menu {
    font-size: 1rem;
  }
}
<commit_msg>Added animation nav hover states<commit_after>.nav {
  height: $navbar-height;
  background-color: $nav-background-color;
  font-family: $sans-serif-font-family;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;

  &.no-logo {
    background-color: transparent;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}

.nav-logo {
  font-size: $nav-logo-font-size;
  text-transform: capitalize;
  justify-content: flex-start;

  > a {
    text-decoration: none;
  }
}

.nav-menu {
  margin: 0;
  padding: 0;
  display: flex;
  font-size: $nav-menu-font-size;
}

.nav-item {
  list-style: none;
  margin: $nav-item-margin;

  > a {
    text-decoration: none;
    position: relative;

    &::before {
      content: "";
      background-color: #bc002d;
      width: 0%;
      height: 2px;
      position: absolute;
      bottom: -4px;
      transition: width 0.25s ease-in-out;
    }

    &:hover::before,
    &:active::before {
      width: 100%;
    }
  }

  &:last-child {
    margin-right: 0;
  }
}

@media (max-width: 500px) {

  .nav-item {
    margin: 0 1rem 0 0;
  }

  .nav-logo {
    font-size: 2.074rem;
  }

  .nav-menu {
    font-size: 1rem;
  }
}

{'fraction_non_alphanumeric': 0.15342349957734572, 'fraction_numerical': 0.026627218934911243, 'mean_word_length': 2.425470332850941, 'pattern_counts': {'":': 0, '<': 3, '<?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': '1337331', 'n_tokens_mistral': 995, 'n_tokens_neox': 917, 'n_words': 191}