<commit_before>@import "../app.component";

$menu-line-width: 6px;
$menu-line-radius: 0;
$menu-icon-size: 30px;
$menu-icon-color: $color-white-1;
$menu-icon-transition: all 250ms ease;

.header-wrapper {
  margin: -8px -8px 0 -8px;
}

.header {
  font-size: 2em;
  background: url('/assets/images/header.png'), linear-gradient(to bottom, $color-grey-3 0, opacify(black, 0.8) 100%) no-repeat, $color-grey-3;
  padding: 8px 8px 4px 8px;
  position: relative;
}

.header-title {
  color: $color-white-1;
  font-family: Kirsty;
  font-weight: bold;
}

.menu-icon {
  width: $menu-icon-size;
  height: $menu-icon-size;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);

  &:after, &:before {
    content: '';
    width: 100%;
    height: $menu-line-width;
    background: $menu-icon-color;
    border-radius: $menu-line-radius;
    position: absolute;
    left: 50%;
    transition: $menu-icon-transition;
  }

  &:after {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  &:before {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(-45deg);
  }

}

.middle-row {
  &:after {
    content: '';
    width: 100%;
    height: $menu-line-width;
    background: $menu-icon-color;
    border-radius: $menu-line-radius;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: $menu-icon-transition;
    opacity: 0;

  }
}

.accordion-entry-hidden {
  & .menu-icon:after {
    transform: none;
    left: 0;
    top: 0;
  }

  & .menu-icon:before {
    transform: none;
    left: 0;
    bottom: 0;
  }
  & .middle-row:after {
    opacity: 1;
  }
}

.menu {
  padding: 8px;
  background: $color-grey-4;
  color: $color-white-1;
}

.submenu {
  margin: -0.25em 0 0 1em;
}

.menu-entry {
  font-size: 1.25em;
  margin: 0.25em 0;
}<commit_msg>Removed negative margin since it caused weird animations<commit_after>@import "../app.component";

$menu-line-width: 6px;
$menu-line-radius: 0;
$menu-icon-size: 30px;
$menu-icon-color: $color-white-1;
$menu-icon-transition: all 250ms ease;

.header-wrapper {
  margin: -8px -8px 0 -8px;
}

.header {
  font-size: 2em;
  background: url('/assets/images/header.png'), linear-gradient(to bottom, $color-grey-3 0, opacify(black, 0.8) 100%) no-repeat, $color-grey-3;
  padding: 8px 8px 4px 8px;
  position: relative;
}

.header-title {
  color: $color-white-1;
  font-family: Kirsty;
  font-weight: bold;
}

.menu-icon {
  width: $menu-icon-size;
  height: $menu-icon-size;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);

  &:after, &:before {
    content: '';
    width: 100%;
    height: $menu-line-width;
    background: $menu-icon-color;
    border-radius: $menu-line-radius;
    position: absolute;
    left: 50%;
    transition: $menu-icon-transition;
  }

  &:after {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  &:before {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(-45deg);
  }

}

.middle-row {
  &:after {
    content: '';
    width: 100%;
    height: $menu-line-width;
    background: $menu-icon-color;
    border-radius: $menu-line-radius;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: $menu-icon-transition;
    opacity: 0;

  }
}

.accordion-entry-hidden {
  & .menu-icon:after {
    transform: none;
    left: 0;
    top: 0;
  }

  & .menu-icon:before {
    transform: none;
    left: 0;
    bottom: 0;
  }
  & .middle-row:after {
    opacity: 1;
  }
}

.menu {
  padding: 8px;
  background: $color-grey-4;
  color: $color-white-1;
}

.submenu {
  // Compensates the bottom margin of entry to avoid bug with expendables.component animation
  padding: 0 0 0.25em 1em;
}

.menu-entry {
  font-size: 1.25em;
  margin: 0.25em 0;
}
{'fraction_non_alphanumeric': 0.17224124308664734, 'fraction_numerical': 0.043191993679220435, 'mean_word_length': 2.8170854271356784, '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': '111025', 'n_tokens_mistral': 1610, 'n_tokens_neox': 1460, 'n_words': 323}