freesewing/packages/css-theme/src/_typography.scss

h1,
h2,
h3,
h4,
h5,
h6,
button {
  @include title-font;
}
h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 1rem 0 2rem;
  line-height: 1.1;
}
h2 {
  font-size: 2.5rem;
  margin: 3.5rem 0 1rem;
  padding: 1rem 0 1rem;
  font-weight: 700;
  line-height: 1.1;
}
h3 {
  font-size: 2rem;
  margin: 1.75rem 0 1rem;
  font-weight: 700;
}
h4 {
  font-size: 1.75rem;
  margin: 1.5rem 0 0.75rem;
  font-weight: 500;
}
h5 {
  font-size: 1.5rem;
  margin: 1.25rem 0 0.5rem;
  font-weight: 500;
}
h6 {
  font-size: 1.25rem;
  margin: 1rem 0 0.25rem;
  font-weight: 500;
}
h2 a.anchor,
h3 a.anchor,
h4 a.anchor,
h5 a.anchor,
h6 a.anchor {
  margin-left: -20px;
  margin-right: 4px;
}
h5 + a,
h6 + a,
h5 + ol,
h6 + ol,
h5 + ul,
h6 + ul,
h5 + p,
h6 + p {
  margin-top: -0.5rem;
}
.theme-wrapper.light {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @include title-color-light;
  }
}
.theme-wrapper.dark {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @include title-color-dark;
  }
}

@include sm-screen {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.25rem;
  }
}
@include xs-screen {
  h1 {
    font-size: 2.5rem;
    margin: 1rem 0 1.5rem;
  }
  h2 {
    font-size: 2rem;
    margin: 2.5rem 0 0.5rem;
  }
  h3 {
    font-size: 1.85rem;
  }
  h4 {
    font-size: 1.65rem;
  }
}