<commit_before>.menu {
  .flexy(column);
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  .content {
    max-width: @tile_menu_max;
    .vein {
      border-bottom: 1px solid @gray_lightest;
    }
  }
}
.menu-header {
  .flex(0 0 @tile);
  .flexy(center, center);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: @tile;
  a {
    .flexy(center, center);
    width: @tile;
    height: @tile;
    transition: @run @bezier_fadein;
    &:only-child {
      margin-left: auto;
    }
  }
}
.menu-heading {
  .animation(in-fade-bottom-soft @run_slow @bezier_deform);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 @tile;
  overflow: hidden;
  cursor: default;
  &:not(:last-of-type) {
    display: none;
  }
}
.menu-body {
  .box-sizing(content-box);
  .flex(1);
  .flexy();
  position: relative;
  padding: 10vh 0 0;
  .make {
    .animation_cascade(25);
  }
}
.menu-view {
  .flex(0,0,100%);
  .flexy(flex-start, flex-start, column);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  transition: @run_slow @bezier_deform;
  &:not(:first-child) {
    margin-left: -100%;
  }
  &:not(:last-of-type) {
    .translate3d(-100%,0,0);
    opacity: 0;
    visibility: hidden;
  }
  &:last-child {
    &:only-child {
      .make {
        .animation-name(in-fade-left);
        .animation-duration(@run_slow);
        .animation-fill-mode(both);
      }
    }
  }
  &:not(:only-child) {
    &:not(:first-child) {
      .make {
        .animation-name(in-fade-right);
        .animation-duration(@run_slow);
        .animation-fill-mode(both);
      }
    }
  }
  article {
    padding: @menu_padding;
    width: 100%;
    a {
      &[role="button"] {
        .flexy(center, center);
        height: @tile;
        margin-bottom: @tile;
        transition: @run_fast @bezier_fadein;
        border: 1px solid @font_color;
        &:hover {
          color: @white;
          background: @font_color;
        }
      }
    }
  }
}
.menu-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  background: @dye_outer;
  .mq_640({
    width: 100vw;
    min-width: 100vw;
  });
}
.veins {
  max-width: @tile_menu_max;
  margin: 0 auto;
}
.vein {
  .flexy(center);
  .icon(stroke; @gray);
  .icon(fill; @gray);
  width: @tile_menu_max;
  max-width: 100%;<commit_msg>fix broken vein buttons in menu<commit_after>.menu {
  .flexy(column);
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  .content {
    max-width: @tile_menu_max;
    .vein {
      border-bottom: 1px solid @gray_lightest;
    }
  }
}
.menu-header {
  .flex(0 0 @tile);
  .flexy(center, center);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: @tile;
  a {
    .flexy(center, center);
    width: @tile;
    height: @tile;
    transition: @run @bezier_fadein;
    &:only-child {
      margin-left: auto;
    }
  }
}
.menu-heading {
  .animation(in-fade-bottom-soft @run_slow @bezier_deform);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 @tile;
  overflow: hidden;
  cursor: default;
  &:not(:last-of-type) {
    display: none;
  }
}
.menu-body {
  .box-sizing(content-box);
  .flex(1);
  .flexy();
  position: relative;
  padding: 10vh 0 0;
  .make {
    .animation_cascade(25);
  }
}
.menu-view {
  .flex(0,0,100%);
  .flexy(flex-start, flex-start, column);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  transition: @run_slow @bezier_deform;
  &:not(:first-child) {
    margin-left: -100%;
  }
  &:not(:last-of-type) {
    .translate3d(-100%,0,0);
    opacity: 0;
    visibility: hidden;
  }
  &:last-child {
    &:only-child {
      .make {
        .animation-name(in-fade-left);
        .animation-duration(@run_slow);
        .animation-fill-mode(both);
      }
    }
  }
  &:not(:only-child) {
    &:not(:first-child) {
      .make {
        .animation-name(in-fade-right);
        .animation-duration(@run_slow);
        .animation-fill-mode(both);
      }
    }
  }
  article {
    padding: @menu_padding;
    width: 100%;
    a {
      &[role="button"] {
        .flexy(center, center);
        height: @tile;
        margin-bottom: @tile;
        transition: @run_fast @bezier_fadein;
        border: 1px solid @font_color;
        &:hover {
          color: @white;
          background: @font_color;
        }
      }
    }
  }
}
.menu-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  background: @dye_outer;
  .mq_640({
    width: 100vw;
    min-width: 100vw;
  });
}
.veins {
  width: 100%;
  max-width: @tile_menu_max;
  margin: 0 auto;
}
.vein {
  .flexy(center);
  .icon(stroke; @gray);
  .icon(fill; @gray);
  max-width: 100%;
{'fraction_non_alphanumeric': 0.1697048611111111, 'fraction_numerical': 0.027126736111111112, 'mean_word_length': 2.306312769010043, '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': '5888284', 'n_tokens_mistral': 1935, 'n_tokens_neox': 1808, 'n_words': 338}