<commit_before>@import "syntax-variables";
@import "octicon-mixins";

atom-text-editor, atom-text-editor::shadow {
  .gutter .line-number,
  .line {
    &.split-diff-added {
      background-color: fade(@syntax-color-added, 40%);
    }

    &.split-diff-removed {
      background-color: fade(@syntax-color-removed, 40%);
    }

    &.split-diff-selected {
      background-color: fade(@syntax-color-modified, 40%);
    }
  }

  .split-diff-word-added .region {
    background-color: fade(@syntax-color-added, 50%);
  }

  .split-diff-word-removed .region {
    background-color: fade(@syntax-color-removed, 50%);
  }

  .split-diff-offset {
    background-color: @syntax-gutter-background-color-selected;
  }
}

/* loading modal */
@keyframes delay-modal {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.split-diff-modal {
  padding: 14px;
  text-align: center;
  animation: delay-modal 1s forwards;
}

.split-diff-message {
  font-size: 26px;
  display: inline-block;
}

.split-diff-icon {
  background-image: url('images/octocat-spinner-128.gif');
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.split-diff-hide-mask:after {
  display: none;
}

/* bottom panel UI */
.split-diff-ui {
  padding: 2px 10px 2px 10px;<commit_msg>Move animation to the outer modal element so no modal flashes for #62<commit_after>@import "syntax-variables";
@import "octicon-mixins";

atom-text-editor, atom-text-editor::shadow {
  .gutter .line-number,
  .line {
    &.split-diff-added {
      background-color: fade(@syntax-color-added, 40%);
    }

    &.split-diff-removed {
      background-color: fade(@syntax-color-removed, 40%);
    }

    &.split-diff-selected {
      background-color: fade(@syntax-color-modified, 40%);
    }
  }

  .split-diff-word-added .region {
    background-color: fade(@syntax-color-added, 50%);
  }

  .split-diff-word-removed .region {
    background-color: fade(@syntax-color-removed, 50%);
  }

  .split-diff-offset {
    background-color: @syntax-gutter-background-color-selected;
  }
}

/* loading modal */
@keyframes delay-modal {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

// animation needs to be on the outer modal element and not its contents
.split-diff-hide-mask {
  animation: delay-modal 1s forwards;
}

.split-diff-modal {
  padding: 14px;
  text-align: center;
}

.split-diff-message {
  font-size: 26px;
  display: inline-block;
}

.split-diff-icon {
  background-image: url('images/octocat-spinner-128.gif');
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.split-diff-hide-mask:after {
  display: none;
}

/* bottom panel UI */
.split-diff-ui {
  padding: 2px 10px 2px 10px;
{'fraction_non_alphanumeric': 0.15821000704721636, 'fraction_numerical': 0.026779422128259338, 'mean_word_length': 2.9375866851595007, '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': '1513902', 'n_tokens_mistral': 1116, 'n_tokens_neox': 1020, 'n_words': 197}