/**
 * component: heading
 *
 * create classes for heading similar to there name,
 * run map for sizes on each heading
 *
 *
 * @author Björn Hase
 * @license http://opensource.org/licenses/MIT The MIT License
 * @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy
 *
 */

$crispy__heading__font-sizes: (
    'h1': 40px,
    'h2': 36px,
    'h3': 32px,
    'h4': 28px,
    'h5': 24px,
    'h6': 20px
) !default;

$crispy__heading__font-weight: bold !default;
$crispy__heading__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default;
$crispy__heading__line-height: $crispy__golden-ratio !default;
$crispy__heading__margin: toEm(0 0 5px) !default;

@mixin crispy__heading {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
        font-family: $crispy__heading__font-family;
        font-weight: $crispy__heading__font-weight;
        line-height: $crispy__heading__line-height;
        margin: $crispy__heading__margin;
    }

    @each $h, $font-size in $crispy__heading__font-sizes {
        #{$h}, .#{$h} {
            font-size: toRem($font-size);
        }
    }
}