<commit_before>@modified-icon-width: @component-icon-size / 2;
@tab-top-padding: 0;
@tab-bottom-border-height: 0;
@tab-border: 0 solid @level-5-bg;
@tab-max-width: 160px;
@tab-min-width: @tab-height * 2;

.tab-bar {
  height: @tab-height + @tab-top-padding + @tab-bottom-border-height;
  overflow-x: auto;
  overflow-y: hidden;
  background: @tab-bar-background-color;

  margin-top: @modular-scale-xxs * 1rem; // create a small space above tabs

  &::-webkit-scrollbar {
    display: none;
  }

  .tab {
    position: relative;
    top: @tab-top-padding;
    max-width: @tab-max-width;
    min-width: @tab-min-width;
    height: @tab-height;
    line-height: @tab-height;
    font-size: @modular-scale-m * 1rem;
    padding: 0;
    margin: 0;
    color: @tab-text-color;
    background: transparent;
    border-right: @tab-border;
    border-top-left-radius: @component-border-radius;
    border-top-right-radius: @component-border-radius;

    &:hover {
      color: @base-fg;
      .close-icon {
        transform: scale(1);
      }
    }

    .title {
      position: relative;
      z-index: 1;
      padding: 0  @modular-scale * @component-padding 0  @component-padding;
    }

    .close-icon {
      right: -12px;
      z-index: 3;
      margin-right: @modular-scale * @component-padding;
      margin-top: -7px;
      text-align: right;
      top: 50%;
      transform: scale(0);
      transition: transform .2s .1s, border .2s .1s, color .2s .1s;
      width: 14px;
      z-index: 3;

      &:before {
        position: relative;
        display: block;
        top: 1px;
        left: -1px;
      }

      &:hover {
        color: @ui-accent;
        transition: transform .1s, border .1s, color .1s;
      }

      &:active {
        opacity: .3;
      }
    }
    &:hover .close-icon {
      transform: scale(1);
    }
  }

  .tab.active {
    z-index: 1;
    flex: 2 0 auto;
    padding-right: @modified-icon-width + 2px;
    background-color: @tab-background-color-active;
    color: @base-fg;

    & .close-icon {
      color: @base-fg;
      transform: scale(1);
    }

    &:hover .close-icon {
      color: @base-fg;

      &:hover {
        color: @ui-accent;
        }
    }

    // Active pane marker
    atom-pane.active &:before {
      transform: scaleY(1);
    }

  }

  .tab.modified {
    &:not(:hover) .close-icon {
      top: 1px;
      right: 0;
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      transform: scale(1);

      &:before {
        content: "\f052";
        display: inline-block;
      }
    }<commit_msg>indentation<commit_after>@modified-icon-width: @component-icon-size / 2;
@tab-top-padding: 0;
@tab-bottom-border-height: 0;
@tab-border: 0 solid @level-5-bg;
@tab-max-width: 160px;
@tab-min-width: @tab-height * 2;

.tab-bar {
  height: @tab-height + @tab-top-padding + @tab-bottom-border-height;
  overflow-x: auto;
  overflow-y: hidden;
  background: @tab-bar-background-color;

  margin-top: @modular-scale-xxs * 1rem; // create a small space above tabs

  &::-webkit-scrollbar {
    display: none;
  }

  .tab {
    position: relative;
    top: @tab-top-padding;
    max-width: @tab-max-width;
    min-width: @tab-min-width;
    height: @tab-height;
    line-height: @tab-height;
    font-size: @modular-scale-m * 1rem;
    padding: 0;
    margin: 0;
    color: @tab-text-color;
    background: transparent;
    border-right: @tab-border;
    border-top-left-radius: @component-border-radius;
    border-top-right-radius: @component-border-radius;

    &:hover {
      color: @base-fg;
      .close-icon {
        transform: scale(1);
      }
    }

    .title {
      position: relative;
      z-index: 1;
      padding: 0  @modular-scale * @component-padding 0  @component-padding;
    }

    .close-icon {
      right: -12px;
      z-index: 3;
      margin-right: @modular-scale * @component-padding;
      margin-top: -7px;
      text-align: right;
      top: 50%;
      transform: scale(0);
      transition: transform .2s .1s, border .2s .1s, color .2s .1s;
      width: 14px;
      z-index: 3;

      &:before {
        position: relative;
        display: block;
        top: 1px;
        left: -1px;
      }

      &:hover {
        color: @ui-accent;
        transition: transform .1s, border .1s, color .1s;
      }

      &:active {
        opacity: .3;
      }
    }
    &:hover .close-icon {
      transform: scale(1);
    }
  }

  .tab.active {
    z-index: 1;
    flex: 2 0 auto;
    padding-right: @modified-icon-width + 2px;
    background-color: @tab-background-color-active;
    color: @base-fg;

    & .close-icon {
      color: @base-fg;
      transform: scale(1);
    }

    &:hover .close-icon {
      color: @base-fg;

      &:hover {
        color: @ui-accent;
      }
    }

    // Active pane marker
    atom-pane.active &:before {
      transform: scaleY(1);
    }

  }

  .tab.modified {
    &:not(:hover) .close-icon {
      top: 1px;
      right: 0;
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      transform: scale(1);

      &:before {
        content: "\f052";
        display: inline-block;
      }
    }
{'fraction_non_alphanumeric': 0.15298218435321456, 'fraction_numerical': 0.020914020139426802, 'mean_word_length': 1.9263456090651558, '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': '4700856', 'n_tokens_mistral': 1954, 'n_tokens_neox': 1848, 'n_words': 394}