<commit_before>@keyframes fade-in {
  0%   {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dropdown-fade {
  &.ember-basic-dropdown--transitioning-in {
    animation: fade-in .25s;
  }
  &.ember-basic-dropdown--transitioning-out {
    animation: fade-in .25s reverse;
  }
}

.dropdown {
  position: relative;
}

.dropdown--inline {
  display: inline-block;
}

.dropdown-body {
  box-shadow: 0px 0px 20px -5px rgba(0,0,0,0);

  &:after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
  }

  .dropdown--bl  & {
    top: calc(100% + 12px);
    left: -13px;

    &:after {
      top: -21px;
      left: 20px;
    }
  }

  .dropdown--br  & {
    top: calc(100% + 12px);
    right: -13px;

    &:after {
      top: -21px;
      right: 20px;
    }
  }

  .dropdown--nearwhite.dropdown--br &:after,
  .dropdown--nearwhite.dropdown--bl &:after {
    border-bottom-color: $lightestgray;
  }

  .dropdown--white.dropdown--br &:after,
  .dropdown--white.dropdown--bl &:after {
    border-bottom-color: white;
  }

  .dropdown--tl & {
    bottom: calc(100% + 12px);
    left: -13px;

    &:after {
      bottom: -21px;
      left: 20px;
    }
  }

  .dropdown--nearwhite.dropdown--tl &:after {
    border-top-color: $lightestgray;
  }

  .dropdown--white.dropdown--tl &:after {
    border-top-color: white;
  }
}


}<commit_msg>bring in panel css to dropdown partial<commit_after>@keyframes fade-in {
  0%   {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dropdown-fade {
  &.ember-basic-dropdown--transitioning-in {
    animation: fade-in .25s;
  }
  &.ember-basic-dropdown--transitioning-out {
    animation: fade-in .25s reverse;
  }
}

.dropdown {
  position: relative;
}

.dropdown--inline {
  display: inline-block;
}

.dropdown-body {
  box-shadow: 0px 0px 20px -5px rgba(0,0,0,0);

  &:after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
  }

  .dropdown--bl  & {
    top: calc(100% + 12px);
    left: -13px;

    &:after {
      top: -21px;
      left: 20px;
    }
  }

  .dropdown--br  & {
    top: calc(100% + 12px);
    right: -13px;

    &:after {
      top: -21px;
      right: 20px;
    }
  }

  .dropdown--nearwhite.dropdown--br &:after,
  .dropdown--nearwhite.dropdown--bl &:after {
    border-bottom-color: $lightestgray;
  }

  .dropdown--white.dropdown--br &:after,
  .dropdown--white.dropdown--bl &:after {
    border-bottom-color: white;
  }

  .dropdown--tl & {
    bottom: calc(100% + 12px);
    left: -13px;

    &:after {
      bottom: -21px;
      left: 20px;
    }
  }

  .dropdown--nearwhite.dropdown--tl &:after {
    border-top-color: $lightestgray;
  }

  .dropdown--white.dropdown--tl &:after {
    border-top-color: white;
  }
}

.panel {
  position: relative;
  overflow: hidden; // hides .panel-link border edges when there isn't a panel-body
  color: black;
  border-radius: 5px;
  background-color: white;
  text-align: left;
  font-size: medium;
  // IE doesn't support initial
  font-size: initial;
  border: 1px solid $lightestgray;
}

.panel-link {
  padding: 15px;
  border-bottom: 1px $lightestgray solid;
  display: block;
  // so it doesn't cllapse if there's no body
  white-space: nowrap;

  &:hover,
  &:focus {
      border-bottom-color: $lightestgray;
  }
}

.panel-linkicon {
  margin-right: 8px;
  @include fontsize(18);
}

.panel-body {
  padding: 15px;
}
{'fraction_non_alphanumeric': 0.16330764671013634, 'fraction_numerical': 0.034973325429756966, 'mean_word_length': 2.2862706913339825, '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': '6253833', 'n_tokens_mistral': 1404, 'n_tokens_neox': 1280, 'n_words': 255}