<commit_before>// ==================================================================
// Highlight Board
// ==================================================================

//
// Available Variables
///
$highlight-board-type-breakpoint: 30rem;
$highlight-board-type-reduction-percentage: 0.8;
$highlight-board-height: 31.25rem;

.sprk-c-HighlightBoard {
  background-color: $gray-light;
  text-align: center;
  position: relative;
}

.sprk-c-HighlightBoard--has-image {
  background-color: $white;
}

.sprk-c-HighlightBoard__image {
  object-fit: cover;
  font-family: 'object-fit: cover;'; // required by the polyfill
  height: $highlight-board-height;
  width: 100%;
}

.sprk-c-HighlightBoard__content {
  padding: $space-l $space-m;
  width: 100%;
}

.sprk-c-HighlightBoard__primary-heading {
  @media (max-width: $highlight-board-type-breakpoint) {
    font-size: $font-size-display-three * $highlight-board-type-reduction-percentage;
  }
}

.sprk-c-HighlightBoard__sub-heading {
  @media (max-width: $highlight-board-type-breakpoint) {
    font-size: $font-size-display-four * $highlight-board-type-reduction-percentage;
  }
}

.sprk-c-HighlightBoard__content--light .sprk-b-TypeDisplayThree,
.sprk-c-HighlightBoard__content--light .sprk-b-TypeDisplayFour {
  color: $white;
}

.sprk-c-HighlightBoard--has-image:not(.sprk-c-HighlightBoard--stacked) .sprk-c-HighlightBoard__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sprk-c-HighlightBoard__cta-container {
  justify-content: center;
}<commit_msg>cr updates<commit_after>// ==================================================================
// Highlight Board
// ==================================================================

//
// Available Variables
///
$highlight-board-type-breakpoint: 30rem;
$highlight-board-type-reduction-percentage: 0.8;
$highlight-board-height: 31.25rem;

.sprk-c-HighlightBoard {
  background-color: $gray-light;
  text-align: center;
  position: relative;
}

.sprk-c-HighlightBoard--has-image {
  background-color: $white;
}

.sprk-c-HighlightBoard__image {
  object-fit: cover;
  font-family: 'object-fit: cover;'; // required by the polyfill
  height: $highlight-board-height;
  width: 100%;
}

.sprk-c-HighlightBoard__content {
  padding: $space-inset-tall-m;
  width: 100%;
}

.sprk-c-HighlightBoard__primary-heading {
  @media (max-width: $highlight-board-type-breakpoint) {
    font-size: $font-size-display-three * $highlight-board-type-reduction-percentage;
  }
}

.sprk-c-HighlightBoard__sub-heading {
  @media (max-width: $highlight-board-type-breakpoint) {
    font-size: $font-size-display-four * $highlight-board-type-reduction-percentage;
  }
}

.sprk-c-HighlightBoard__content--light .sprk-c-HighlightBoard__primary-heading,
.sprk-c-HighlightBoard__content--light .sprk-c-HighlightBoard__sub-heading{
  color: $white;
}

.sprk-c-HighlightBoard--has-image:not(.sprk-c-HighlightBoard--stacked) .sprk-c-HighlightBoard__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sprk-c-HighlightBoard__cta-container {
  justify-content: center;
}
{'fraction_non_alphanumeric': 0.23024830699774265, 'fraction_numerical': 0.011609158336020638, 'mean_word_length': 4.529411764705882, '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': '2277855', 'n_tokens_mistral': 1129, 'n_tokens_neox': 1027, 'n_words': 144}