_headings.scss

// TODO incorporate site-wide typograpy updates

@mixin heading--hero {
  h1 {
    font-size: 2.75rem;
    font-weight: $font-weight-light;
    margin-bottom: 0;
  }

  p {
    margin-top: 28px; // TODO new type spacing (but this may be home specific)
    font-size: 1.375rem;
  }
}

@mixin heading--hero--xl {
  // In progress - For use with Extra Large header style (https://cb-content-enablement.atlassian.net/wiki/pages/viewpage.action?pageId=43897344)
  h1 {
    font-size: 1.375rem;
    margin-bottom: 0;
  }

  p {
    margin-top: 28px;
    font-size: 2.75rem;
    font-weight: $font-weight-light;
  }
}

@mixin heading--section {
  margin-bottom: $type-margin;

  &__heading {
    font-size: 1.875rem;
    font-weight: $font-weight-light;
    margin-bottom: $type-margin;
  }

  p {
    color: $paragraph-text-color;
  }
}

@mixin heading--section--w-subhead {
  margin-bottom: $type-margin;

  &__heading {
    font-size: 0.9375rem;
    font-weight: $font-weight-bold;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  &__subheading {
    margin-top: $type-margin;;
    font-size: 1.875rem;
    font-weight: $font-weight-light;
  }
}