summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-10-30 15:02:23 +0100
committerVolpeon <git@volpeon.ink>2023-10-30 15:02:23 +0100
commitfd5dace4fd42a7005c60970288c098e94d74d00b (patch)
treed67db03e5f7822f68d0a8d81f5837edfab2ff365 /tpl
parentFix checkbox (diff)
downloadiro-design-fd5dace4fd42a7005c60970288c098e94d74d00b.tar.gz
iro-design-fd5dace4fd42a7005c60970288c098e94d74d00b.tar.bz2
iro-design-fd5dace4fd42a7005c60970288c098e94d74d00b.zip
Add pill version for badge
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/badge.pug3
-rw-r--r--tpl/views/badge.pug17
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'