diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/objects/badge.pug | 3 | ||||
-rw-r--r-- | tpl/views/badge.pug | 17 |
2 files changed, 19 insertions, 1 deletions
diff --git a/tpl/objects/badge.pug b/tpl/objects/badge.pug index 441eb51..53e972c 100644 --- a/tpl/objects/badge.pug +++ b/tpl/objects/badge.pug | |||
@@ -2,7 +2,8 @@ mixin badge(variant) | |||
2 | - | 2 | - |
3 | let classes = { | 3 | let classes = { |
4 | 'o-badge': true, | 4 | 'o-badge': true, |
5 | 'o-menu__badge': !!attributes.menu | 5 | 'o-badge--pill': !!attributes.pill, |
6 | 'o-menu__badge': !!attributes.menu, | ||
6 | } | 7 | } |
7 | if (attributes.size) { | 8 | if (attributes.size) { |
8 | classes['o-badge--' + attributes.size] = true | 9 | classes['o-badge--' + attributes.size] = true |
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index 9979049..4c44af2 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
@@ -16,3 +16,20 @@ mixin view-badge | |||
16 | +badge('accent')(size=200)= 'new' | 16 | +badge('accent')(size=200)= 'new' |
17 | = ' ' | 17 | = ' ' |
18 | +badge('accent-quiet')(size=200)= 'new' | 18 | +badge('accent-quiet')(size=200)= 'new' |
19 | |||
20 | .c-box | ||
21 | +badge(pill=true)= '100' | ||
22 | = ' ' | ||
23 | +badge('primary')(pill=true)= 'new' | ||
24 | = ' ' | ||
25 | +badge('accent')(pill=true)= 'new' | ||
26 | = ' ' | ||
27 | +badge('accent-quiet')(pill=true)= 'new' | ||
28 | = ' ' | ||
29 | +badge(size=200, pill=true)= '100' | ||
30 | = ' ' | ||
31 | +badge('primary')(size=200, pill=true)= 'new' | ||
32 | = ' ' | ||
33 | +badge('accent')(size=200, pill=true)= 'new' | ||
34 | = ' ' | ||
35 | +badge('accent-quiet')(size=200, pill=true)= 'new' | ||