diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
| commit | 6b0fcac695aa7a5517f6f53cec50da493acc4582 (patch) | |
| tree | 05b1ec4bfd484c75f1ee82f06f674aba69ad1408 /tpl/views/badge.pug | |
| parent | WIP: Refactoring (diff) | |
| download | iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.gz iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.bz2 iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.zip | |
Update
Diffstat (limited to 'tpl/views/badge.pug')
| -rw-r--r-- | tpl/views/badge.pug | 88 |
1 files changed, 56 insertions, 32 deletions
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index a3c4eed..1e1b88f 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
| @@ -1,51 +1,75 @@ | |||
| 1 | mixin view-badge | 1 | mixin view-badge |
| 2 | +view('badge', 'Badge') | 2 | +view('badge', 'Badge') |
| 3 | .c-box | 3 | .c-box |
| 4 | +badge= '100' | 4 | +badge(size=50 href='#')= '50' |
| 5 | = ' ' | ||
| 6 | +badge('primary')= 'new' | ||
| 7 | = ' ' | ||
| 8 | +badge('accent')= 'new' | ||
| 9 | = ' ' | 5 | = ' ' |
| 10 | +badge('accent-quiet')= 'new' | 6 | +badge= '100' |
| 11 | = ' ' | 7 | = ' ' |
| 12 | +badge(size=200 href='#')= '200' | 8 | +badge(size=200 href='#')= '200' |
| 13 | = ' ' | 9 | = ' ' |
| 14 | +badge('primary')(size=200 href='#')= 'new' | ||
| 15 | = ' ' | ||
| 16 | +badge('accent')(size=200 href='#')= 'new' | ||
| 17 | = ' ' | ||
| 18 | +badge('accent-quiet')(size=200 href='#')= 'new' | ||
| 19 | = ' ' | ||
| 20 | +badge(size=300 href='#')= '300' | 10 | +badge(size=300 href='#')= '300' |
| 21 | = ' ' | ||
| 22 | +badge('primary')(size=300 href='#')= 'new' | ||
| 23 | = ' ' | ||
| 24 | +badge('accent')(size=300 href='#')= 'new' | ||
| 25 | = ' ' | ||
| 26 | +badge('accent-quiet')(size=300 href='#')= 'new' | ||
| 27 | 11 | ||
| 28 | .c-box | 12 | .c-box |
| 29 | +badge(pill=true)= '100' | 13 | +badge(size=50 href='#' quiet=true)= '50' |
| 30 | = ' ' | 14 | = ' ' |
| 31 | +badge('primary')(pill=true)= 'new' | 15 | +badge(quiet=true)= '100' |
| 32 | = ' ' | 16 | = ' ' |
| 33 | +badge('accent')(pill=true)= 'new' | 17 | +badge(size=200 href='#' quiet=true)= '200' |
| 34 | = ' ' | 18 | = ' ' |
| 35 | +badge('accent-quiet')(pill=true)= 'new' | 19 | +badge(size=300 href='#' quiet=true)= '300' |
| 36 | = ' ' | 20 | |
| 37 | +badge(size=200, pill=true)= '200' | 21 | each theme in ['accent', 'positive', 'negative', 'warning'] |
| 38 | = ' ' | 22 | .c-box |
| 39 | +badge('primary')(size=200, pill=true)= 'new' | 23 | +badge(theme)(size=50 href='#')= 'new' |
| 24 | = ' ' | ||
| 25 | +badge(theme)= 'new' | ||
| 26 | = ' ' | ||
| 27 | +badge(theme)(size=200 href='#')= 'new' | ||
| 28 | = ' ' | ||
| 29 | +badge(theme)(size=300 href='#')= 'new' | ||
| 30 | |||
| 31 | .c-box | ||
| 32 | +badge(theme)(size=50 href='#' quiet=true)= 'new' | ||
| 33 | = ' ' | ||
| 34 | +badge(theme)(quiet=true)= 'new' | ||
| 35 | = ' ' | ||
| 36 | +badge(theme)(size=200 href='#' quiet=true)= 'new' | ||
| 37 | = ' ' | ||
| 38 | +badge(theme)(size=300 href='#' quiet=true)= 'new' | ||
| 39 | |||
| 40 | .c-box | ||
| 41 | +badge(size=50, pill=true)= '50' | ||
| 40 | = ' ' | 42 | = ' ' |
| 41 | +badge('accent')(size=200, pill=true)= 'new' | 43 | +badge(pill=true)= '100' |
| 42 | = ' ' | 44 | = ' ' |
| 43 | +badge('accent-quiet')(size=200, pill=true)= 'new' | 45 | +badge(size=200 pill=true)= '200' |
| 44 | = ' ' | 46 | = ' ' |
| 45 | +badge(size=300, pill=true)= '300' | 47 | +badge(size=300 pill=true)= '300' |
| 48 | |||
| 49 | .c-box | ||
| 50 | +badge(size=50 pill=true quiet=true)= 'new' | ||
| 46 | = ' ' | 51 | = ' ' |
| 47 | +badge('primary')(size=300, pill=true)= 'new' | 52 | +badge(pill=true quiet=true)= 'new' |
| 48 | = ' ' | 53 | = ' ' |
| 49 | +badge('accent')(size=300, pill=true)= 'new' | 54 | +badge(size=200 pill=true quiet=true)= 'new' |
| 50 | = ' ' | 55 | = ' ' |
| 51 | +badge('accent-quiet')(size=300, pill=true)= 'new' | 56 | +badge(size=300 pill=true quiet=true)= 'new' |
| 57 | |||
| 58 | each theme in ['accent', 'positive', 'negative', 'warning'] | ||
| 59 | .c-box | ||
| 60 | +badge(theme)(size=50 pill=true href='#')= 'new' | ||
| 61 | = ' ' | ||
| 62 | +badge(theme)(pill=true)= 'new' | ||
| 63 | = ' ' | ||
| 64 | +badge(theme)(size=200 pill=true href='#')= 'new' | ||
| 65 | = ' ' | ||
| 66 | +badge(theme)(size=300 pill=true href='#')= 'new' | ||
| 67 | |||
| 68 | .c-box | ||
| 69 | +badge(theme)(size=50 pill=true href='#' quiet=true)= 'new' | ||
| 70 | = ' ' | ||
| 71 | +badge(theme)(pill=true quiet=true)= 'new' | ||
| 72 | = ' ' | ||
| 73 | +badge(theme)(size=200 pill=true href='#' quiet=true)= 'new' | ||
| 74 | = ' ' | ||
| 75 | +badge(theme)(size=300 pill=true href='#' quiet=true)= 'new' | ||