sass-site/source/assets/stylesheets/foundation/_headings.scss

// ===========================================================================
// HEADINGS



h1,
h2,
h3 { @extend %heading-text; }

h1,
h3 {
  @extend %chaparral-pro-regular;
  @include font-size($font-size-larger, $line-height-heading);
  letter-spacing: -0.05em;
  color: $heading-1-text-color;

  @include at-breakpoint($break-iPhone-wide) {
    @include font-size($font-size-largest, $line-height-heading);
  }
}

h2 {
  @include caps;
  color: $heading-2-text-color;
}

h3 {
  @include font-size($font-size-large, $line-height-heading);
  color: $heading-3-text-color;

  @include at-breakpoint($break-iPhone-wide) {
    @include font-size($font-size-larger, $line-height-heading);
  }
}