tpl/views/badge.pug


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

mixin view-badge 
    +view('badge', 'Badge')
        .c-box
            +badge(size='sm' href='#')= '50'
            = ' '
            +badge= '100'
            = ' '
            +badge(size='lg' href='#')= '200'
            = ' '
            +badge(size='xl' href='#')= '300'

        .c-box
            +badge(size='sm' href='#' quiet=true)= '50'
            = ' '
            +badge(quiet=true)= '100'
            = ' '
            +badge(size='lg' href='#' quiet=true)= '200'
            = ' '
            +badge(size='xl' href='#' quiet=true)= '300'

        each theme in ['accent', 'positive', 'negative', 'warning']
            .c-box
                +badge(theme)(size='sm' href='#')= 'new'
                = ' '
                +badge(theme)= 'new'
                = ' '
                +badge(theme)(size='lg' href='#')= 'new'
                = ' '
                +badge(theme)(size='xl' href='#')= 'new'

            .c-box
                +badge(theme)(size='sm' href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(quiet=true)= 'new'
                = ' '
                +badge(theme)(size='lg' href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(size='xl' href='#' quiet=true)= 'new'

        .c-box
            +badge(size='sm', pill=true)= '50'
            = ' '
            +badge(pill=true)= '100'
            = ' '
            +badge(size='lg' pill=true)= '200'
            = ' '
            +badge(size='xl' pill=true)= '300'

        .c-box
            +badge(size='sm' pill=true quiet=true)= 'new'
            = ' '
            +badge(pill=true quiet=true)= 'new'
            = ' '
            +badge(size='lg' pill=true quiet=true)= 'new'
            = ' '
            +badge(size='xl' pill=true quiet=true)= 'new'

        each theme in ['accent', 'positive', 'negative', 'warning']
            .c-box
                +badge(theme)(size='sm' pill=true href='#')= 'new'
                = ' '
                +badge(theme)(pill=true)= 'new'
                = ' '
                +badge(theme)(size='lg' pill=true href='#')= 'new'
                = ' '
                +badge(theme)(size='xl' pill=true href='#')= 'new'

            .c-box
                +badge(theme)(size='sm' pill=true href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(pill=true quiet=true)= 'new'
                = ' '
                +badge(theme)(size='lg' pill=true href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(size='xl' pill=true href='#' quiet=true)= 'new'