understanding-sampling/src/scss/base/_headings.scss

// default headings h1 - h6
// ======================================================================

h1 {
  @include z-index(feet);
  @include font-size(h1);
  font-weight: 300;
}

h2 {
  @include font-size(h2);

  .number--huge + & {
    @include spacing(b 0);
    @include spacing-inner(l 1);
  }
}

h3 {
  @include font-size(h3);
  font-weight: 400;

  .number--huge + & {
    @include spacing(b 0);
    @include spacing-inner(l 1);
  }

  .wrapper__fakenews & {
    @include font-size(h5);
  }
}

h4 {
  @include font-size(h4);
  font-weight: 300;

  .wrapper__ofwhat & {
    @include spacing(b .5);
  }
}

h5 {
  @include font-size(h5);
}

h6 {
  @include font-size(h6);
}