<commit_before>// ==================================================================
// Toggle
// ==================================================================

////
/// @group Toggle
////

// Future proofing classes that don't have styles right now but might later.
// .sprk-c-Toggle


.sprk-c-Toggle__trigger {
  border-bottom: $sprk-link-has-icon-border-bottom;
  text-decoration: $sprk-link-text-decoration;
  transition: $sprk-link-transition;


  @include TextCrop(
    $sprk-text-crop-line-height: $sprk-line-height-body-three,
    $sprk-text-crop-top-crop: $sprk-line-height-collision-top-crop,
    $sprk-text-crop-bottom-crop: $sprk-line-height-collision-bottom-crop,
    $sprk-text-crop-crop-font-size: (
      strip-unit($sprk-font-size-body-three) * 16
    ),
    $sprk-text-crop-crop-line-height: $sprk-line-height-body-three
  );

  // .sprk-u-TextCrop--none
  &::before,
  &::after {
    content: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  color: $sprk-color-body-three;
  font-family: $sprk-font-family-body-three;
  font-size: $sprk-font-size-body-three;
  font-weight: $sprk-font-weight-body-three;



  // Button User Agent Resets
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;

  &:hover,
  &:active,
  &:focus {
    border-bottom: $sprk-link-has-icon-hover-border-bottom;
    color: $sprk-link-has-icon-hover-color-text;
  }

}<commit_msg>Add font styles<commit_after>// ==================================================================
// Toggle
// ==================================================================

////
/// @group Toggle
////

// Future proofing classes that don't have styles right now but might later.
// .sprk-c-Toggle
// .sprk-c-Toggle__content


.sprk-c-Toggle__trigger {
  // TODO: abstract these variables
  border-bottom: $sprk-link-has-icon-border-bottom;
  text-decoration: $sprk-link-text-decoration;
  transition: $sprk-link-transition;

  // Font considerations
  color: $sprk-color-body-three;
  font-family: $sprk-font-family-body-three;
  font-size: $sprk-font-size-body-three;
  font-weight: $sprk-font-weight-body-three;
  line-height: $sprk-line-height-body-three;

  // Button User Agent Resets
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;

  &:hover,
  &:active,
  &:focus {
    border-bottom: $sprk-link-has-icon-hover-border-bottom;
    color: $sprk-link-has-icon-hover-color-text;
  }

}
{'fraction_non_alphanumeric': 0.2545454545454545, 'fraction_numerical': 0.0023715415019762848, 'mean_word_length': 3.4717314487632507, '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': '4412515', 'n_tokens_mistral': 910, 'n_tokens_neox': 866, 'n_words': 142}