_trumps.headings.scss

This module provides abstract classes for each heading-size accordig to base.headings:

.alpha,
%alpha {
    @include inuit-font-size($inuit-heading-size-1);
}

.beta,
%beta {
    @include inuit-font-size($inuit-heading-size-2);
}

.gamma,
%gamma {
    @include inuit-font-size($inuit-heading-size-3);
}

.delta,
%delta {
    @include inuit-font-size($inuit-heading-size-4);
}

.epsilon,
%epsilon {
    @include inuit-font-size($inuit-heading-size-5);
}

.zeta,
%zeta {
    @include inuit-font-size($inuit-heading-size-6);
}

Imagine, you've got a heading somewhere on your page with a h1-size, but it must not be an actual h1 (e.g. for SEO reasons). You can then do the following:

<h2 class="alpha">Lorem Ipsum</h2>

• prev
• next