summaryrefslogtreecommitdiffstats
path: root/tpl/views/badge.pug
blob: 1e1b88f22ffabb628f6378296a27b6480410c5c6 (plain) (blame)
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=50 href='#')= '50'
            = ' '
            +badge= '100'
            = ' '
            +badge(size=200 href='#')= '200'
            = ' '
            +badge(size=300 href='#')= '300'

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

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

            .c-box
                +badge(theme)(size=50 href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(quiet=true)= 'new'
                = ' '
                +badge(theme)(size=200 href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(size=300 href='#' quiet=true)= 'new'

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

        .c-box
            +badge(size=50 pill=true quiet=true)= 'new'
            = ' '
            +badge(pill=true quiet=true)= 'new'
            = ' '
            +badge(size=200 pill=true quiet=true)= 'new'
            = ' '
            +badge(size=300 pill=true quiet=true)= 'new'

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

            .c-box
                +badge(theme)(size=50 pill=true href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(pill=true quiet=true)= 'new'
                = ' '
                +badge(theme)(size=200 pill=true href='#' quiet=true)= 'new'
                = ' '
                +badge(theme)(size=300 pill=true href='#' quiet=true)= 'new'