<commit_before>@import "../../../../styles/variables.less";

.progressBar {
  text-align: left;
}

.progressBar ul {
  list-style: none;
  display: inline-table;
  padding: 0px;
}
.progressBar ul li {
  display: inline;
  font-weight: 600;
}

.progressBar .beforeActive {
  background: #C8DCFD;
}

.progressBar .beforeActive:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #C8DCFD;
  position: absolute; right: -20px; top: 0;
  z-index: 1;

  @media(max-width: 995px) {

  }
}

.progressBar .active {
  background: #FBE78C;
  cursor: not-allowed;
  pointer-events: none;
}


.progressBar .active:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #FBE78C;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}

.progressBar .afterActive {
  background: #E3E4E5;
  cursor: not-allowed;
  pointer-events: none;
  color: @gray-light;
}

.progressBar .afterActive:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #E3E4E5;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}

.progressBar ul li a {
  display: block;
  float: left;
  height: 40px;
  text-align: center;
  padding: 7px 40px 0 40px;
  position: relative;
  margin: 0 10px 0 0;

  font-size: @font-size-h3;
  text-decoration: none;
  color: black;
}

.progressBar ul li a:before {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
  position: absolute; left: 0; top: 0;
}

.progressBar ul li:first-child a {
  border-top-left-radius: 0px; border-bottom-left-radius: @btn-border-radius-base;
}
.progressBar ul li:first-child a:before {
  display: none;
}

.progressBar ul li:last-child a {
  padding-right: 20px;
  border-top-right-radius: 0px; border-bottom-right-radius: @btn-border-radius-base;
}
.progressBar ul li:last-child a:after {
  display: none;
}

.progressBar ul li a:hover {
  background: @brand-primary;
  color: #fff;
}
.progressBar ul li a:hover:after {
  border-left-color: @brand-primary;
  color: #fff;
}<commit_msg>hover same color as primary button hover<commit_after>@import "../../../../styles/variables.less";

.progressBar {
  text-align: left;
}

.progressBar ul {
  list-style: none;
  display: inline-table;
  padding: 0px;
}
.progressBar ul li {
  display: inline;
  font-weight: 600;
}

.progressBar .beforeActive {
  background: #C8DCFD;
}

.progressBar .beforeActive:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #C8DCFD;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}

.progressBar .active {
  background: #FBE78C;
  cursor: not-allowed;
  pointer-events: none;
}


.progressBar .active:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #FBE78C;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}

.progressBar .afterActive {
  background: #E3E4E5;
  cursor: not-allowed;
  pointer-events: none;
  color: @gray-light;
}

.progressBar .afterActive:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #E3E4E5;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}

.progressBar ul li a {
  display: block;
  float: left;
  height: 40px;
  text-align: center;
  padding: 7px 40px 0 40px;
  position: relative;
  margin: 0 10px 0 0;

  font-size: @font-size-h3;
  text-decoration: none;
  color: black;
}

.progressBar ul li a:before {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
  position: absolute; left: 0; top: 0;
}

.progressBar ul li:first-child a {
  border-top-left-radius: 0px; border-bottom-left-radius: @btn-border-radius-base;
}
.progressBar ul li:first-child a:before {
  display: none;
}

.progressBar ul li:last-child a {
  padding-right: 20px;
  border-top-right-radius: 0px; border-bottom-right-radius: @btn-border-radius-base;
}
.progressBar ul li:last-child a:after {
  display: none;
}

.progressBar ul li a:hover {
  background: #001933;
  color: #fff;
}
.progressBar ul li a:hover:after {
  border-left-color: #001933;
  color: #fff;
}
{'fraction_non_alphanumeric': 0.13920325939339068, 'fraction_numerical': 0.03598913535536442, 'mean_word_length': 3.6223849372384938, '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': '3634093', 'n_tokens_mistral': 1750, 'n_tokens_neox': 1622, 'n_words': 428}