<commit_before>/* Font basics
   ========================================================================== */

$font-size-base:          16px !default;

$custom-font-family-sans-serif: "Source Sans Pro" !default;

$font-family-sans-serif:  $custom-font-family-sans-serif, "Helvetica Neue", Helvetica, sans-serif;

$font-family-serif:       Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, serif;
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base:        $font-family-sans-serif !default;

$font-weight-base:        400 !default;
$font-weight-light:       100 !default;
$font-weight-heavy:       700 !default;
$font-color-base:         #444 !default;


/* Headings
   ========================================================================== */

$headings-font-family:    $font-family-serif !default;
$headings-font-weight:    $font-weight-heavy !default;
$headings-color:          inherit !default;
$headings-weight:         $font-weight-heavy !default;

$f-xl:   exponent($type-ratio, 11);
$f-lg:   exponent($type-ratio, 9);
$f1:     exponent($type-ratio, 7);
$f2:     exponent($type-ratio, 5);
$f3:     exponent($type-ratio, 3);
$f4:     exponent($type-ratio, 1);
$f5:     exponent($type-ratio, 0);
$f6:     exponent($type-ratio, -1);
$f-sm:   exponent($type-ratio, -2);
$f-xs:   exponent($type-ratio, -3);


/* ==========================================================================
   Typography
   ========================================================================== */

body    {
  font-family: $font-family-base;
  font-weight: $font-weight-base;
  color:       $font-color-base;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-weight: $headings-weight;
  margin-bottom: 1rem;
  color: $headings-color;
}

.light {
  font-weight: $font-weight-light;
}

h1,.h1,.f1 {
  @include size_and_line($f1, rem);
}

h2,.h2,.f2 {
  @include size_and_line($f2, rem);

}

h3,.h3,.f3 {
  @include size_and_line($f3, rem);

}

h4,.h4,.f4,
p,.p,
dl,ol,ul {
  @include size_and_line($f4, rem);

}

h5,.h5,.f5 {
  @include size_and_line($f5, rem);

}

h6,.h6,.f6 {
  @include size_and_line($f6, rem);
}


/* Responsive text
   ========================================================================== */

@include at-breakpoint(ltmd) {
  .h1 {
    @include size_and_line((exponent($type-ratio, 6)), rem);
  }
  .h2 {
    @include size_and_line((exponent($type-ratio, 4)), rem);
  }
  .h3 {
    @include size_and_line((exponent($type-ratio, 2)), rem);
  }
}

@include at-breakpoint(ltsm) {
  .h1 {
    @include size_and_line($f2, rem);
  }
  .h2 {
    @include size_and_line($f3, rem);
  }
  .h3, .p, .h4 {
    @include size_and_line($f4, rem);
  }
}<commit_msg>allow for custom serif font as well<commit_after>/* Font basics
   ========================================================================== */

$font-size-base:          16px !default;

$custom-font-family-sans-serif: "Source Sans Pro" !default;
$custom-font-family-serif: null !default;

$font-family-sans-serif:  $custom-font-family-sans-serif, "Helvetica Neue", Helvetica, sans-serif;

$font-family-serif:       $custom-font-family-serif, Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, serif;
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base:        $font-family-sans-serif !default;

$font-weight-base:        400 !default;
$font-weight-light:       100 !default;
$font-weight-heavy:       700 !default;
$font-color-base:         #444 !default;


/* Headings
   ========================================================================== */

$headings-font-family:    $font-family-serif !default;
$headings-font-weight:    $font-weight-heavy !default;
$headings-color:          inherit !default;
$headings-weight:         $font-weight-heavy !default;

$f-xl:   exponent($type-ratio, 11);
$f-lg:   exponent($type-ratio, 9);
$f1:     exponent($type-ratio, 7);
$f2:     exponent($type-ratio, 5);
$f3:     exponent($type-ratio, 3);
$f4:     exponent($type-ratio, 1);
$f5:     exponent($type-ratio, 0);
$f6:     exponent($type-ratio, -1);
$f-sm:   exponent($type-ratio, -2);
$f-xs:   exponent($type-ratio, -3);


/* ==========================================================================
   Typography
   ========================================================================== */

body    {
  font-family: $font-family-base;
  font-weight: $font-weight-base;
  color:       $font-color-base;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-weight: $headings-weight;
  margin-bottom: 1rem;
  color: $headings-color;
}

.light {
  font-weight: $font-weight-light;
}

h1,.h1,.f1 {
  @include size_and_line($f1, rem);
}

h2,.h2,.f2 {
  @include size_and_line($f2, rem);

}

h3,.h3,.f3 {
  @include size_and_line($f3, rem);

}

h4,.h4,.f4,
p,.p,
dl,ol,ul {
  @include size_and_line($f4, rem);

}

h5,.h5,.f5 {
  @include size_and_line($f5, rem);

}

h6,.h6,.f6 {
  @include size_and_line($f6, rem);
}


/* Responsive text
   ========================================================================== */

@include at-breakpoint(ltmd) {
  .h1 {
    @include size_and_line((exponent($type-ratio, 6)), rem);
  }
  .h2 {
    @include size_and_line((exponent($type-ratio, 4)), rem);
  }
  .h3 {
    @include size_and_line((exponent($type-ratio, 2)), rem);
  }
}

@include at-breakpoint(ltsm) {
  .h1 {
    @include size_and_line($f2, rem);
  }
  .h2 {
    @include size_and_line($f3, rem);
  }
  .h3, .p, .h4 {
    @include size_and_line($f4, rem);
  }
}
{'fraction_non_alphanumeric': 0.2987969114742324, 'fraction_numerical': 0.02908960316035195, 'mean_word_length': 3.856146469049695, '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': '2128022', 'n_tokens_mistral': 2169, 'n_tokens_neox': 2056, 'n_words': 352}