<commit_before>@import 'base';

.container {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  text-transform: uppercase;
  color: $link-color;
  position: relative;
  padding: 1em 0 0.3em 0;
  box-shadow: 0 2px 0 rgba(0,0,0,.12);
  @include MQ(M) {
    box-shadow: none;
    padding: 0;
  }
}

.containerDropDown {
  composes: container;
  padding: 1em 0 0 0;
  @include MQ(M) {
    box-shadow: none;
    padding: 0;
  }
}

.header {
  display: flex;
  padding-top: 0.3em;
  p {
    margin: 0 0.25em 0 0;
    padding-bottom: 0.3em;
  }
  @include MQ(SM) {
    @media only screen and (orientation: landscape) {
      font-size: 1em;
    }
    font-size: 1.5em;
  }
  @include MQ(M) {
    margin: 0 1em 0 0;
    font-size: 1em;
    padding-top: 0;
    p {
      margin: 0 0.25em 0 0;
      padding-top: 0;
      padding-bottom: 0.5em;
    }
  }
  &:hover {
    color: $dark-gray;
  }
}

.dropDown {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  position: absolute;
  top: 100%;
  width: 0px;
  height: 0px;
  opacity: 0;
  transform: translate3d(0, -50%, 0);
  transition: all 0.5s ease;
}

.dropDownOpen {
  display: flex;
  flex-direction: column;
  @include MQ(M) {
    position: absolute;
  }
  visibility: visible;
  top: 143%;
  opacity: 1;
  z-index: 5;
  background: $deskNavBgColour;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  box-shadow: 0 -2px 0 rgba(0,0,0,.12);
  a {
    margin: 0;
    box-shadow: 0 2px 0 rgba(0,0,0,.12);
    padding: 1em 0.25em 0.75em 0.75em;
    @include MQ(M) {
      padding: 1em 0.25em 0.5em 0.75em;
    }
    text-decoration: none;
    color: $link-color;
    font-size: 1em;
    &:hover {
      color: $dark-gray;
    }
  }
}
.activeLink {
  box-shadow: 0 6px 0 rgba(0,0,0,.1);
}<commit_msg>minor style adjustment to dropDown component<commit_after>@import 'base';

.container {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  text-transform: uppercase;
  color: $link-color;
  position: relative;
  padding: 1em 0 0.3em 0;
  box-shadow: 0 2px 0 rgba(0,0,0,.12);
  @include MQ(M) {
    box-shadow: none;
    padding: 0;
  }
}

.containerDropDown {
  composes: container;
  padding: 1em 0 0 0;
  @include MQ(M) {
    box-shadow: none;
    padding: 0;
  }
}

.header {
  display: flex;
  padding-top: 0.3em;
  p {
    margin: 0 0.25em 0 0;
    padding-bottom: 0.3em;
  }
  @include MQ(SM) {
    @media only screen and (orientation: landscape) {
      font-size: 1em;
    }
    font-size: 1.5em;
  }
  @include MQ(M) {
    margin: 0 1em 0 0;
    font-size: 1em;
    padding-top: 0;
    p {
      margin: 0 0.25em 0 0;
      padding-top: 0;
      padding-bottom: 0.5em;
    }
  }
  &:hover {
    color: $dark-gray;
  }
}

.dropDown {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  position: absolute;
  top: 100%;
  width: 0px;
  height: 0px;
  opacity: 0;
  transform: translate3d(0, -50%, 0);
  transition: all 0.5s ease;
}

.dropDownOpen {
  display: flex;
  flex-direction: column;
  @include MQ(M) {
    position: absolute;
  }
  visibility: visible;
  top: 130%;
  opacity: 1;
  z-index: 5;
  background: $deskNavBgColour;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  box-shadow: 0 -2px 0 rgba(0,0,0,.12);
  a:first-child {
    @include MQ(M) {
      padding: 1.1em 0.25em 0.5em 0.75em;
    }
  }
  a {
    margin: 0;
    box-shadow: 0 2px 0 rgba(0,0,0,.12);
    padding: 1em 0.25em 0.75em 0.75em;
    @include MQ(M) {
      padding: 1em 0.25em 0.5em 0.75em;
    }
    text-decoration: none;
    color: $link-color;
    font-size: 1em;
    &:hover {
      color: $dark-gray;
    }
  }
}
.activeLink {
  box-shadow: 0 6px 0 rgba(0,0,0,.1);
}
{'fraction_non_alphanumeric': 0.1533758639021797, 'fraction_numerical': 0.07283359914938863, 'mean_word_length': 2.455463728191001, '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': '4025790', 'n_tokens_mistral': 1788, 'n_tokens_neox': 1576, 'n_words': 391}