mixin view-rule 
    +view('rule', 'Rule')
        .c-box
            +div-heading('lg')= 'Heading'
            +rule('strong')
            p= loremIpsum

        .c-box
            +div-heading('sm')= 'Heading'
            +rule('medium')
            p= loremIpsum

        .c-box
            +div-heading('xs')= 'Heading'
            +rule('faint')
            p= loremIpsum

        .c-box
            +rule('strong')= 'Strong'
            +rule('medium')= 'Medium'
            +rule('faint')= 'Faint'