h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title-default {
   color: $headings-color;
   font-family: $headings-font-family;
   font-weight: $headings-font-weight;
   line-height: $headings-line-height;
   margin-bottom: $headings-margin-bottom;
   text-transform: $headings-text-transform;
}

h1 {
   font-size: $font-size-h1;
}

h2 {
   font-size: $font-size-h2;
}

h3 {
   font-size: $font-size-h3;
}

h4 {
   font-size: $font-size-h4;
}

h5 {
   font-size: $font-size-h5;
}

h6 {
   font-size: $font-size-h6;
}

// These declarations are kept separate from and placed after
// the previous tag-based declarations so that the classes beat the tags in
// the CSS cascade, and thus <h1 class="h2"> will be styled like an h2.
.h1 {
   font-size: $font-size-h1;
}

.h2 {
   font-size: $font-size-h2;
}

.h3 {
   font-size: $font-size-h3;
}

.h4 {
   font-size: $font-size-h4;
}

.h5 {
   font-size: $font-size-h5;
}

.h6 {
   font-size: $font-size-h6;
}

.title-default {
   font-size: $title-default-font-size;
}

.heading-reset {
   color: inherit;
   font-family: inherit;
   font-weight: inherit;
   line-height: inherit;
   margin: inherit;
   text-transform: inherit;
   font-size: inherit;
   letter-spacing: inherit;
}
