mixin view-heading 
    +view('heading', 'Heading')
        .c-box
            h1.u-mt-0= 'H1 default'
            h2= 'H2 default'
            h3= 'H3 default'
            h4= 'H4 default'
            h5= 'H5 default'
            h6= 'H6 default'

        .c-box.s-headings
            h1.u-mt-0: span.s-headings__primary= 'H1 styled'
            h2= 'H2 styled'
            h3= 'H3 styled'
            h4= 'H4 styled'
            h5= 'H5 styled'
            h6= 'H6 styled'

        .c-box
            +div-heading('xxl', true)(class='u-mt-0')= 'XXL Heading'
            +div-heading('xl')= 'XL Heading'
            +div-heading('lg')= 'LG Heading'
            +div-heading('md')= 'MD Heading'
            +div-heading('sm')= 'SM Heading'
            +div-heading('xs')= 'XS Heading'