<commit_before>//
// IMPORTANT VISUAL CHANGES WHILE MENU IS ACTIVE
//
.state-menu {
  &:not(.entry) {
    .animate_menu_opened();
  }
  &.menu-left {
    .inner { .inner_offset(left); }
    .hud-menu { .hud_menu_morph(); }
    .menu-body { .size_of(chat; width); }
    .foreground { .animate_foreground_left(); }
    .border { transform-origin: left top; }
  }
  &.menu-right {
    .inner { .inner_offset(right); }
    .hud-roster { .hud_menu_morph(); }
    .menu-body { .size_of(chat; margin-left); }
    .foreground { .animate_foreground_right(); }
    .border { transform-origin: right top; }
  }
  .inner {
    pointer-events: none;
    transition: transform @run;
    will-change: transform;
  }
  .background {
    opacity: 0;
    transform: scale(0);
  }
  .chat,
  .canvas {
    transform: scale(.8);
  }
  .foreground {
    width: 80%;
    height: 80%;
  }
  .chat-messages {
    a {
      color: @gray_light;
    }
  }
  .message-avatar {
    .icon(stroke; @color_chat_border)
  }
  .message-author {
    color: @color_chat_border;
  }
  .hud-menu,
  .hud-roster {
    .icon(stroke; @black);
  }
  .hide-from-menu,
  .hud-item:not(.menu-needed) {
    display: none;
  }
}
.state-inner {
  &:not(.entry) {
    &:not(.outer-to-inner) {
      .animate_menu_closed();
    }
  }
  &.outer-to-inner {
    &.chat-opened {
      .canvas-frame {
        transition: transform @run;
      }
    }
  }
}
//
// IMPORTANT VISUAL CHANGES WHILE OUTER IS ACTIVE
//
.state-outer {
  .background {
    &:after {
      animation: in-fade @run @run_fast @bezier_fadein backwards;
      .gradient(to bottom; lighten(@dye_inner, 0) 25%; darken(@dye_inner, 3) 75%);
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
  .canvas-frame {
    transform: scale(.8);
    width: 125%;
    height: 125%;
    transition+: all @run_slower @bezier_deform;
    transition+: width @now @bezier_deform;
    transition+: height @now @bezier_deform;
  }
  .grid-lines-large {
    display: none;
  }
  .grid-lines-small {
    stroke: @black;
    stroke-width: 2;
    stroke-dasharray: 1,7,3,0;
    transition: stroke @run_fast;
  }
  .layer {
    .layer-outline,
    .handle-outline {
      stroke: darken(@dye_inner, 5);
      transition-duration: @run;
    }
    .text-layer,
    .edit-handle {
      fill: darken(@dye_inner, 5);
      transition-duration: @run;
    }
  }
  .chat {
    opacity: 0; // display:none makes chat flicker
    transition: opacity @now @now;
  }
  .hud {
    display: none;
  }
}
.state-pan {
  .hud {
    pointer-events: none;
  }
}
.chat-opened {
  &:not(.state-outer) {
    .animate_chat_opened();
  }
  &:not(.state-outer) {
    .canvas-frame {
      .mask_canvas();
    }
  }
  .width-canvas {
    .size_of(canvas; width);
  }
  .width-chat {
    .size_of(chat; width);
  }
  .hud-viewers {
    &:after {
      .mq_640({
        top: -@menu_padding;
        left: 0;
        animation: in-fade-bottom @run;
      });
    }
  }
  .viewers-list {
    .mq_640({
      display: none;
    });
  }
}
.chat-closed {
  &:not(.entry) {
    .animate_chat_closed();
  }
  .width-canvas {
    width: 100%;
  }
  .width-chat {
    width: 0;
  }
}
<commit_msg>apply color change to arrows when home is active<commit_after>//
// IMPORTANT VISUAL CHANGES WHILE MENU IS ACTIVE
//
.state-menu {
  &:not(.entry) {
    .animate_menu_opened();
  }
  &.menu-left {
    .inner { .inner_offset(left); }
    .hud-menu { .hud_menu_morph(); }
    .menu-body { .size_of(chat; width); }
    .foreground { .animate_foreground_left(); }
    .border { transform-origin: left top; }
  }
  &.menu-right {
    .inner { .inner_offset(right); }
    .hud-roster { .hud_menu_morph(); }
    .menu-body { .size_of(chat; margin-left); }
    .foreground { .animate_foreground_right(); }
    .border { transform-origin: right top; }
  }
  .inner {
    pointer-events: none;
    transition: transform @run;
    will-change: transform;
  }
  .background {
    opacity: 0;
    transform: scale(0);
  }
  .chat,
  .canvas {
    transform: scale(.8);
  }
  .foreground {
    width: 80%;
    height: 80%;
  }
  .chat-messages {
    a {
      color: @gray_light;
    }
  }
  .message-avatar {
    .icon(stroke; @color_chat_border)
  }
  .message-author {
    color: @color_chat_border;
  }
  .hud-menu,
  .hud-roster {
    .icon(stroke; @black);
  }
  .hide-from-menu,
  .hud-item:not(.menu-needed) {
    display: none;
  }
}
.state-inner {
  &:not(.entry) {
    &:not(.outer-to-inner) {
      .animate_menu_closed();
    }
  }
  &.outer-to-inner {
    &.chat-opened {
      .canvas-frame {
        transition: transform @run;
      }
    }
  }
}
//
// IMPORTANT VISUAL CHANGES WHILE OUTER IS ACTIVE
//
.state-outer {
  .background {
    &:after {
      animation: in-fade @run @run_fast @bezier_fadein backwards;
      .gradient(to bottom; lighten(@dye_inner, 0) 25%; darken(@dye_inner, 3) 75%);
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
  .canvas-frame {
    transform: scale(.8);
    width: 125%;
    height: 125%;
    transition+: all @run_slower @bezier_deform;
    transition+: width @now @bezier_deform;
    transition+: height @now @bezier_deform;
  }
  .grid-lines-large {
    display: none;
  }
  .grid-lines-small {
    stroke: @black;
    stroke-width: 2;
    stroke-dasharray: 1,7,3,0;
    transition: stroke @run_fast;
  }
  .layer {
    .layer-outline,
    .handle-outline {
      stroke: darken(@dye_inner, 5);
      transition-duration: @run;
    }
    .text-layer,
    .edit-handle {
      fill: darken(@dye_inner, 5);
      transition-duration: @run;
    }
  }
  .layer-arrows {
    .layer-outline {
      stroke: darken(@dye_inner, 5);
      transition-duration: @run;
    }
  }
  .chat {
    opacity: 0; // display:none makes chat flicker
    transition: opacity @now @now;
  }
  .hud {
    display: none;
  }
}
.state-pan {
  .hud {
    pointer-events: none;
  }
}
.chat-opened {
  &:not(.state-outer) {
    .animate_chat_opened();
  }
  &:not(.state-outer) {
    .canvas-frame {
      .mask_canvas();
    }
  }
  .width-canvas {
    .size_of(canvas; width);
  }
  .width-chat {
    .size_of(chat; width);
  }
  .hud-viewers {
    &:after {
      .mq_640({
        top: -@menu_padding;
        left: 0;
        animation: in-fade-bottom @run;
      });
    }
  }
  .viewers-list {
    .mq_640({
      display: none;
    });
  }
}
.chat-closed {
  &:not(.entry) {
    .animate_chat_closed();
  }
  .width-canvas {
    width: 100%;
  }
  .width-chat {
    width: 0;
  }
}

{'fraction_non_alphanumeric': 0.16489845407699302, 'fraction_numerical': 0.014398302515913914, 'mean_word_length': 2.108337258596326, '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': '2390113', 'n_tokens_mistral': 2686, 'n_tokens_neox': 2554, 'n_words': 463}