// Utiliza o hash $headings nas configurações globais, em _settings.global.styl

for heading, group in $headings {
    {heading} {
        for bp, size in group {
            if heading == h1 or heading == h2 {
                margin-bottom: $vertical--element-lg;
                margin-top: @margin-bottom;
            }
            else {
                margin-bottom: $vertical--element-sm;
                margin-top: @margin-bottom;
            }
            if bp == xs {
                font-size: size[font-size];
                line-height: size[line-height];
            }
            else {
                @media (min-width: lookup('$screen--' + bp)) {
                    font-size: size[font-size];
                    line-height: size[line-height];
                }
            }
        }
    }
}