<commit_before>@import "../../../styles/colors.scss";

.percentagebar__container {
  margin-bottom: 1.5em;
}

.percentagebar {
  background-color: white;
  margin-right: .5em;
  height: 6px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.percentagebar__current {
  display: block;
  position: relative;
  background-color: black;
  height: 100%;
  text-align: right;
}

.percentagebar__label {
  display: block;
  padding: 10px;
  white-space: nowrap;
}

.percentagebar__current::before {
  content: "";
  top: 100%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top: 3px solid pink;
  border-left: 3px solid transparent;
  position: absolute;
}

.neutral.valuebar {
  .valuebar__current {
    background-color: $accent-color-2;
  }
}

@each $outcome, $color in $outcomeColors {
  .#{$outcome}.percentagebar {
    background-color: $color;
  }
  .#{$outcome}.percentagebar {
    .percentagebar__current {
      background-color: $color;
    }
  }
  .#{$outcome}.percentagebar {
    .percentagebar__current::before {
      border-top-color: $color;
    }
  }
}<commit_msg>Fix percentagebars<commit_after>@import "../../../styles/colors.scss";

.percentagebar__container {
  margin-bottom: 1.5em;
}

.percentagebar {
  background-color: white;
  margin-right: .5em;
  height: 6px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.percentagebar__current {
  display: block;
  position: relative;
  background-color: black;
  height: 100%;
  text-align: right;
}

.percentagebar__label {
  display: block;
  padding: 10px;
  white-space: nowrap;
}

.percentagebar__current::before {
  content: "";
  top: 100%;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top: 3px solid pink;
  border-left: 3px solid transparent;
  position: absolute;
}

.neutral.valuebar {
  .valuebar__current {
    background-color: $accent-color-2;
  }
}

@each $outcome, $color in $outcomeColors {
  .#{$outcome}.percentagebar {
    background-color: $accent-color-2;
  }
  .#{$outcome}.percentagebar {
    .percentagebar__current {
      background-color: $color;
    }
  }
  .#{$outcome}.percentagebar {
    .percentagebar__current::before {
      border-top-color: $color;
    }
  }
}
{'fraction_non_alphanumeric': 0.14814814814814814, 'fraction_numerical': 0.01942186088527552, 'mean_word_length': 3.343137254901961, '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': '818344', 'n_tokens_mistral': 846, 'n_tokens_neox': 806, 'n_words': 153}