<commit_before>.products__container {
  position: relative;
  width: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: center;
  justify-content: flex-start;
  &:hover .products__container_elem-hidden {
    opacity: 1;
  }
  @include desktop {
    padding: 40px 0;
  }
}
.products__elem {
  width: 100%;
  height: auto;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  @include ipad {
    width: 50%;
    padding: 30px 20px;
  }
  @include desktop {
    align-self: center;
    width: 33.33%;
    padding: 30px 20px
  }
}

.products__elem_link {
  position: relative;
}
.products__elem_img-overlay {
  background: $pink;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity .15s;
}
.products__elem_text-overlay {
  opacity: 0;
  font-size: 1.2rem;
  background: $pink;
  color: black;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  top: 55%;
  left: 0;
  right: 0;
  transition: opacity .15s;
}
.products__elem:hover  .products__elem_img-overlay,
.products__elem:active  .products__elem_img-overlay {
    opacity: .4;
}
.products__elem:hover  .products__elem_text-overlay,
.products__elem:active  .products__elem_text-overlay {
    opacity: 1;
}<commit_msg>added :focus on products<commit_after>.products__container {
  position: relative;
  width: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: center;
  justify-content: flex-start;
  &:hover .products__container_elem-hidden {
    opacity: 1;
  }
  @include desktop {
    padding: 40px 0;
  }
}
.products__elem {
  width: 100%;
  height: auto;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  @include ipad {
    width: 50%;
    padding: 30px 20px;
  }
  @include desktop {
    align-self: center;
    width: 33.33%;
    padding: 30px 20px
  }
}

.products__elem_link {
  position: relative;
}
.products__elem_img-overlay {
  background: $pink;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity .15s;
}
.products__elem_text-overlay {
  opacity: 0;
  font-size: 1.2rem;
  background: $pink;
  color: black;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  top: 55%;
  left: 0;
  right: 0;
  transition: opacity .15s;
}
.products__elem:hover  .products__elem_img-overlay,
.products__elem:focus  .products__elem_img-overlay {
    opacity: .4;
}
.products__elem:hover  .products__elem_text-overlay,
.products__elem:focus  .products__elem_text-overlay {
    opacity: 1;
}
{'fraction_non_alphanumeric': 0.1260178363706863, 'fraction_numerical': 0.038774718883288095, 'mean_word_length': 3.4027303754266214, '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': '220197', 'n_tokens_mistral': 1037, 'n_tokens_neox': 945, 'n_words': 227}