<commit_before>/** @define MenuItem */

@import (reference) "shared/utilities/icons.less";

.MenuItem {
  display: flex;
  flex: none;
  padding: 0 1rem;
  min-height: 5.8rem;
  min-width: 9.2rem;
  color: black;
  margin-right: 2rem;
  align-items: center;

  &:hover {
      color: black;
  }

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

  @media screen and (max-width: 570px) {
    flex: 1 1 0;
    padding: 0 1rem;
    margin-right: 0;
    border-bottom: solid thin rgb(202, 202, 202);

    .tooltip, &+.tooltip {
        display: none !important;
    }

    &--logo {
        border: none;
    }
  }

  &--fixed {
      flex: none;
      min-width: 0;
      margin-right: 0;
      @media screen and (min-width: 571px) {
          padding: 0 0.75rem;
      }
  }

  &-helpTitle {
    @media screen and (min-width: 571px) {
      display: none;
    }
  }

  &-hoverIcon {
    width: 28px;
  }

  &--active {
    flex-direction: column !important;
    justify-content: center !important;
    background-color: rgba(255,255,255,0.35);
    .MenuItem-hoverIcon {
        display: flex;
        opacity: 1 !important;
        height: 22px !important;
    }
  }
<commit_msg>Update styles for active links<commit_after>/** @define MenuItem */

@import (reference) "shared/utilities/icons.less";
@import "shared/branding/colors.less";

.MenuItem {
  display: flex;
  flex: none;

  transition: color 60ms;

  padding: 0 1rem;
  min-height: 5.8rem;
  min-width: 9.2rem;
  margin-right: 2rem;
  align-items: center;

  &, &:active, &:focus {
      color: black;
  }

  &:hover {
      color: @blue;
  }

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

  @media screen and (max-width: 570px) {
    flex: 1 1 0;
    padding: 0 1rem;
    margin-right: 0;
    border-bottom: solid thin rgb(202, 202, 202);

    .tooltip, &+.tooltip {
        display: none !important;
    }

    &--logo {
        border: none;
    }
  }

  &--fixed {
      flex: none;
      min-width: 0;
      margin-right: 0;
      @media screen and (min-width: 571px) {
          padding: 0 0.75rem;
      }
  }

  &-helpTitle {
    @media screen and (min-width: 571px) {
      display: none;
    }
  }

  &-hoverIcon {
    width: 28px;
  }

  &--active {
      font-weight: bold;
  }

{'fraction_non_alphanumeric': 0.14872711031710584, 'fraction_numerical': 0.04332291201429209, 'mean_word_length': 2.0559345156889495, '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': '5555557', 'n_tokens_mistral': 929, 'n_tokens_neox': 818, 'n_words': 200}