locomotive-boilerplate/assets/styles/base/_headings.scss

// ==========================================================================
// Headings
// ==========================================================================
@mixin h {
	margin-top: 0;
	line-height: $heading-line-height;
}
.o-h {
	@include h;
}

h1, .o-h1 {
	@extend .o-h;

	font-size: rem($heading1);
}

h2, .o-h2 {
	@extend .o-h;

	font-size: rem($heading2);
}

h3, .o-h3 {
	@extend .o-h;

	font-size: rem($heading3);
}

h4, .o-h4 {
	@extend .o-h;

	font-size: rem($heading4);
}

h5, .o-h5 {
	@extend .o-h;

	font-size: rem($heading5);
}

h6, .o-h6 {
	@extend .o-h;

	font-size: rem($heading6);
}