<commit_before>//
// Progress animations
//

@keyframes progress-bar-stripes {
  from  { background-position: $spacer-y 0; }
  to    { background-position: 0 0; }
}


//
// Basic progress bar
//

.progress {
  display: block;
  width: 100%;
  height: $spacer-y; // todo: make a new var for this
  margin-bottom: $spacer-y;
}
.progress[value] {
  // Set overall background
  background-color: #eee;
  // Remove Firefox and Opera border
  border: 0;
  // Reset the default appearance
  appearance: none;
  // Set overall border radius
  @include border-radius($border-radius);
}
.progress[value]::-ms-fill {
  background-color: #0074d9;
  // Remove right-hand border of value bar from IE10+/Edge
  border: 0;
}
.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  @include border-radius($border-radius);
  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
}
.progress[value]::-webkit-progress-value::before {
  content: attr(value);
}
.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: $border-radius;
  border-bottom-left-radius: $border-radius;
}
.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}

// Firefox styles must be entirely separate or it busts Webkit styles.
//
// Commented out for now because linter.
//<commit_msg>remove generated content value for progress<commit_after>//
// Progress animations
//

@keyframes progress-bar-stripes {
  from  { background-position: $spacer-y 0; }
  to    { background-position: 0 0; }
}


//
// Basic progress bar
//

.progress {
  display: block;
  width: 100%;
  height: $spacer-y; // todo: make a new var for this
  margin-bottom: $spacer-y;
}
.progress[value] {
  // Set overall background
  background-color: #eee;
  // Remove Firefox and Opera border
  border: 0;
  // Reset the default appearance
  appearance: none;
  // Set overall border radius
  @include border-radius($border-radius);
}
.progress[value]::-ms-fill {
  background-color: #0074d9;
  // Remove right-hand border of value bar from IE10+/Edge
  border: 0;
}
.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  @include border-radius($border-radius);
  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
}
.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: $border-radius;
  border-bottom-left-radius: $border-radius;
}
.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}

// Firefox styles must be entirely separate or it busts Webkit styles.
//
// Commented out for now because linter.
//
{'fraction_non_alphanumeric': 0.15181518151815182, 'fraction_numerical': 0.022002200220022004, 'mean_word_length': 3.5695142378559463, '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': '5588823', 'n_tokens_mistral': 967, 'n_tokens_neox': 913, 'n_words': 228}