_trumps.headings.scss

Source code

View source

Author

Harry Roberts

Package Name

inuit-headings-trumps

Version

0.1.3

Dependences

inuit-headings

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

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>

Markup
Demo

                <h1 class="alpha">Lorem ipsum</h1>
                <h1 class="beta">Lorem ipsum</h1>
                <h1 class="gamma">Lorem ipsum</h1>
                <h1 class="delta">Lorem ipsum</h1>
                <h1 class="epsilon">Lorem ipsum</h1>
                <h1 class="zeta">Lorem ipsum</h1>

.alpha

Lorem ipsum

see HTML code

    <h1 class="alpha">Lorem ipsum</h1>

.beta

Lorem ipsum

see HTML code

    <h1 class="beta">Lorem ipsum</h1>

.gamma

Lorem ipsum

see HTML code

    <h1 class="gamma">Lorem ipsum</h1>

.delta

Lorem ipsum

see HTML code

    <h1 class="delta">Lorem ipsum</h1>

.epsilon

Lorem ipsum

see HTML code

    <h1 class="epsilon">Lorem ipsum</h1>

.zeta

Lorem ipsum

see HTML code

    <h1 class="zeta">Lorem ipsum</h1>