mixin view-badge 
    +view('badge', 'Badge')
        .c-box
            +badge= '100'
            = ' '
            +badge('primary')= 'new'
            = ' '
            +badge('accent')= 'new'
            = ' '
            +badge('accent-quiet')= 'new'
            = ' '
            +badge(size=200 href='#')= '100'
            = ' '
            +badge('primary')(size=200 href='#')= 'new'
            = ' '
            +badge('accent')(size=200 href='#')= 'new'
            = ' '
            +badge('accent-quiet')(size=200 href='#')= 'new'

        .c-box
            +badge(pill=true)= '100'
            = ' '
            +badge('primary')(pill=true)= 'new'
            = ' '
            +badge('accent')(pill=true)= 'new'
            = ' '
            +badge('accent-quiet')(pill=true)= 'new'
            = ' '
            +badge(size=200, pill=true)= '100'
            = ' '
            +badge('primary')(size=200, pill=true)= 'new'
            = ' '
            +badge('accent')(size=200, pill=true)= 'new'
            = ' '
            +badge('accent-quiet')(size=200, pill=true)= 'new'