mixin view-divider +view('divider', 'Divider') .c-box +div-heading('lg')= 'Heading' +divider('strong') p= loremIpsum .c-box +div-heading('sm')= 'Heading' +divider('medium') p= loremIpsum .c-box +div-heading('xs')= 'Heading' +divider('faint') p= loremIpsum .c-box +divider('strong')= 'Strong' +divider('medium')= 'Medium' +divider('faint')= 'Faint' +divider('strong') +divider('medium') +divider('faint') .c-box +divider('strong')(color='blue')= 'Strong' +divider('medium')(color='blue')= 'Medium' +divider('faint')(color='blue')= 'Faint' +divider('strong')(color='blue') +divider('medium')(color='blue') +divider('faint')(color='blue') .c-box +divider('strong')(color='purple')= 'Strong' +divider('medium')(color='purple')= 'Medium' +divider('faint')(color='purple')= 'Faint' +divider('strong')(color='purple') +divider('medium')(color='purple') +divider('faint')(color='purple') .c-box +divider('strong')(color='red')= 'Strong' +divider('medium')(color='red')= 'Medium' +divider('faint')(color='red')= 'Faint' +divider('strong')(color='red') +divider('medium')(color='red') +divider('faint')(color='red') .c-box +divider('strong')(color='green')= 'Strong' +divider('medium')(color='green')= 'Medium' +divider('faint')(color='green')= 'Faint' +divider('strong')(color='green') +divider('medium')(color='green') +divider('faint')(color='green') .c-box +divider('strong')(color='yellow')= 'Strong' +divider('medium')(color='yellow')= 'Medium' +divider('faint')(color='yellow')= 'Faint' +divider('strong')(color='yellow') +divider('medium')(color='yellow') +divider('faint')(color='yellow')