diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/badge.pug | 12 | ||||
-rw-r--r-- | tpl/views/badge.pug | 27 |
2 files changed, 37 insertions, 2 deletions
diff --git a/tpl/objects/badge.pug b/tpl/objects/badge.pug index 500f062..c91e74f 100644 --- a/tpl/objects/badge.pug +++ b/tpl/objects/badge.pug | |||
@@ -15,7 +15,15 @@ mixin badge(variant) | |||
15 | 15 | ||
16 | if attributes.href | 16 | if attributes.href |
17 | a(href=attributes.href class=classes) | 17 | a(href=attributes.href class=classes) |
18 | block | 18 | if attributes.icon |
19 | +icon(attributes.icon) | ||
20 | = ' ' | ||
21 | span.o-badge__label | ||
22 | block | ||
19 | else | 23 | else |
20 | span(class=classes) | 24 | span(class=classes) |
21 | block | 25 | if attributes.icon |
26 | +icon(attributes.icon) | ||
27 | = ' ' | ||
28 | span.o-badge__label | ||
29 | block | ||
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index e1aa9e2..cc1f346 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
@@ -10,6 +10,33 @@ mixin view-badge | |||
10 | +badge(size='xl' href='#')= '300' | 10 | +badge(size='xl' href='#')= '300' |
11 | 11 | ||
12 | .c-box | 12 | .c-box |
13 | +badge(pill=true size='sm' href='#')= '50' | ||
14 | = ' ' | ||
15 | +badge(pill=true href='#')= '100' | ||
16 | = ' ' | ||
17 | +badge(pill=true size='lg' href='#')= '200' | ||
18 | = ' ' | ||
19 | +badge(pill=true size='xl' href='#')= '300' | ||
20 | |||
21 | .c-box | ||
22 | +badge(icon='image' size='sm' href='#')= '50' | ||
23 | = ' ' | ||
24 | +badge(icon='image' href='#')= '100' | ||
25 | = ' ' | ||
26 | +badge(icon='image' size='lg' href='#')= '200' | ||
27 | = ' ' | ||
28 | +badge(icon='image' size='xl' href='#')= '300' | ||
29 | |||
30 | .c-box | ||
31 | +badge(pill=true icon='image' size='sm' href='#')= '50' | ||
32 | = ' ' | ||
33 | +badge(pill=true icon='image' href='#')= '100' | ||
34 | = ' ' | ||
35 | +badge(pill=true icon='image' size='lg' href='#')= '200' | ||
36 | = ' ' | ||
37 | +badge(pill=true icon='image' size='xl' href='#')= '300' | ||
38 | |||
39 | .c-box | ||
13 | +badge(href='#')= '100' | 40 | +badge(href='#')= '100' |
14 | = ' ' | 41 | = ' ' |
15 | +badge(quiet=true href='#')= '100' | 42 | +badge(quiet=true href='#')= '100' |