OwlCyberSecurity - MANAGER

Edit File: _headings.scss

/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
/**
 * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * When we define a heading we also define a corresponding class to go with it.
 * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
 * heading hierarchy.
 */
.alpha{
    @extend .hN;
    @include font-size($h1-size, true);
}
.beta{
    @extend .hN;
    @include font-size($h2-size, true);
}
.gamma{
    @extend .hN;
    @include font-size($h3-size, true);
}
.delta{
    @extend .hN;
    @include font-size($h4-size, true);
}
.epsilon{
    @extend .hN;
    @include font-size($h5-size, true);
}
.zeta{
    @extend .hN;
    @include font-size($h6-size, true);
}

h1{ @extend .alpha; }
h2{ @extend .beta; }
h3{ @extend .gamma; }
h4{ @extend .delta; }
h5{ @extend .epsilon; }
h6{ @extend .zeta; }

/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   <hgroup>
       <h1 class=hN>inuit.css</h1>
       <h2 class=hN>Best. Framework. Ever!</h2>
   </hgroup>
 *
 */
.hN{
}
hgroup .hN{
    margin-bottom:0;
}

/**
 * A series of classes for setting massive type; for use in heroes, mastheads,
 * promos, etc.
 */
.giga{
    @include font-size($giga-size);
}
.mega{
    @include font-size($mega-size);
}
.kilo{
    @include font-size($kilo-size);
}