<commit_before>$header-height : 50px;

header {
  height: $header-height;
  width: 100%;

  @include display(flex);
  @include flex-direction(row);
  @include align-items(center);

  .header-left {
    @include flex(0 0 25rem);
    padding-left: 1.5rem;
    font-size: 2rem;

    @include display(flex);
    @include flex-direction(row);
    @include align-items(center);

    .circle-name {
      @include flex(1);

    }

    .circle-add-menu {
      @include flex(0 0 4rem);
      height: 100%;

      &:hover {
        cursor: pointer;
      }

      .icon {
        @include icon($icon-plus);
        margin: auto;
        border-radius: 50%;
        border: thin solid;
        width: 2rem;
        height: 2rem;
        transform: translateY(1.5rem);

        &:before {
          font-size: 1.25rem;
          transform: translate(.4rem, .3rem);
        }
      }

      &.open {
        .menu {
          display: block;
          border: thin solid $light-grey;
          border-top: 0;
        }
      }


      .menu{
        font-size: 1.5rem;
        display: none;
        transform: translateY(2.1rem);
        position: absolute;
        min-width:  20rem;
        padding: 1rem;

        a {
          display: block;
          width: 100%;
          padding: .5rem 1rem;
        }
      }
    }

  }

  .header-middle {
    @include flex(1);

    a.back {<commit_msg>keep dropdown menus on top of everything<commit_after>$header-height : 50px;

header {
  height: $header-height;
  width: 100%;

  @include display(flex);
  @include flex-direction(row);
  @include align-items(center);

  .header-left {
    @include flex(0 0 25rem);
    padding-left: 1.5rem;
    font-size: 2rem;

    @include display(flex);
    @include flex-direction(row);
    @include align-items(center);

    .circle-name {
      @include flex(1);

    }

    .circle-add-menu {
      @include flex(0 0 4rem);
      height: 100%;

      &:hover {
        cursor: pointer;
      }

      .icon {
        @include icon($icon-plus);
        margin: auto;
        border-radius: 50%;
        border: thin solid;
        width: 2rem;
        height: 2rem;
        transform: translateY(1.5rem);

        &:before {
          font-size: 1.25rem;
          transform: translate(.4rem, .3rem);
        }
      }

      &.open {
        .menu {
          display: block;
          border: thin solid $light-grey;
          border-top: 0;
          z-index: 1000;
        }
      }


      .menu{
        font-size: 1.5rem;
        display: none;
        transform: translateY(2.1rem);
        position: absolute;
        min-width:  20rem;
        padding: 1rem;

        a {
          display: block;
          width: 100%;
          padding: .5rem 1rem;
        }
      }
    }

  }

  .header-middle {
    @include flex(1);

    a.back {
{'fraction_non_alphanumeric': 0.12924929178470254, 'fraction_numerical': 0.032577903682719546, 'mean_word_length': 1.545045045045045, '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': '4320933', 'n_tokens_mistral': 1003, 'n_tokens_neox': 900, 'n_words': 204}