<commit_before>$dashboard-tabs-padding: 30px;
$dashboard-tab-bg: #fff;
$dashboard-tab-primary-text-color: #943a9e;
$dashboard-tab-secondary-text-color: #3c5d73;
$dashboard-tab-action-button-color: #6b808c;
$dashboard-tab-height: 50px;
$dashboard-add-tab-width: 40px;
$dashboard-tab-list-toggle-width: $dashboard-add-tab-width;
$dashboard-tabs-border-color: #e9eeef;
$dashboard-tabs-border-radius: 0;
$dashboard-tabs-pager-width: $dashboard-add-tab-width;
$dashboard-tab-current-marker-height: 10px;
$dashboard-tabs-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);

@include keyframes(candystripe) {
  100% { background-position: -100px 0; }
}

.dashboard-tabs {
  @include unselectable;

  position:         relative;
  background-color: $dashboard-tab-bg;
  border-radius:    $dashboard-tabs-border-radius;
  line-height:      $dashboard-tab-height;
  height:           $dashboard-tab-height;
  padding:          0 $dashboard-tabs-padding;
  margin-bottom:    20px;
  box-shadow:       $dashboard-tabs-box-shadow;

  &.loading {
    &:after {
      @include animation(candystripe 1s linear infinite);
      @include animation(fadeIn 0.1s ease-in);

      display:    inline-block;
      content:    "";
      position:   absolute;
      left:       0;
      right:      0;
      top:        100%;
      height:     5px;
      z-index:    9;

      background-size:  35px 20px, 100% 100%, 100% 100%;
      background-color: #4ad9d9;
      background-image: linear-gradient(-45deg,
        transparent 33%,
        rgba(255, 255, 255, 0.3) 33%,
        rgba(255, 255, 255, 0.3) 66%,<commit_msg>Remove fadeIn anim, as it clobbers the stripe anim<commit_after>$dashboard-tabs-padding: 30px;
$dashboard-tab-bg: #fff;
$dashboard-tab-primary-text-color: #943a9e;
$dashboard-tab-secondary-text-color: #3c5d73;
$dashboard-tab-action-button-color: #6b808c;
$dashboard-tab-height: 50px;
$dashboard-add-tab-width: 40px;
$dashboard-tab-list-toggle-width: $dashboard-add-tab-width;
$dashboard-tabs-border-color: #e9eeef;
$dashboard-tabs-border-radius: 0;
$dashboard-tabs-pager-width: $dashboard-add-tab-width;
$dashboard-tab-current-marker-height: 10px;
$dashboard-tabs-box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);

@include keyframes(candystripe) {
  100% { background-position: -100px 0; }
}

.dashboard-tabs {
  @include unselectable;

  position:         relative;
  background-color: $dashboard-tab-bg;
  border-radius:    $dashboard-tabs-border-radius;
  line-height:      $dashboard-tab-height;
  height:           $dashboard-tab-height;
  padding:          0 $dashboard-tabs-padding;
  margin-bottom:    20px;
  box-shadow:       $dashboard-tabs-box-shadow;

  &.loading {
    &:after {
      @include animation(candystripe 1s linear infinite);

      display:    inline-block;
      content:    "";
      position:   absolute;
      left:       0;
      right:      0;
      top:        100%;
      height:     5px;
      z-index:    9;

      background-size:  35px 20px, 100% 100%, 100% 100%;
      background-color: #4ad9d9;
      background-image: linear-gradient(-45deg,
        transparent 33%,
        rgba(255, 255, 255, 0.3) 33%,
        rgba(255, 255, 255, 0.3) 66%,
{'fraction_non_alphanumeric': 0.14642631246046806, 'fraction_numerical': 0.06325110689437065, 'mean_word_length': 2.8809815950920243, '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': '7156747', 'n_tokens_mistral': 1268, 'n_tokens_neox': 1152, 'n_words': 217}