diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-23 08:34:23 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-23 08:34:23 +0200 |
| commit | 5c878876d3bdd2c7cd094871fa0644f3310bcec8 (patch) | |
| tree | 0a41059f6983040f429d786ab0ad0dbf89764e96 /tpl/views/badge.pug | |
| parent | Fixed divider (diff) | |
| download | iro-design-5c878876d3bdd2c7cd094871fa0644f3310bcec8.tar.gz iro-design-5c878876d3bdd2c7cd094871fa0644f3310bcec8.tar.bz2 iro-design-5c878876d3bdd2c7cd094871fa0644f3310bcec8.zip | |
Commit merge of button and badge into action-button (and rename it to button)
Diffstat (limited to 'tpl/views/badge.pug')
| -rw-r--r-- | tpl/views/badge.pug | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug deleted file mode 100644 index cc1f346..0000000 --- a/tpl/views/badge.pug +++ /dev/null | |||
| @@ -1,69 +0,0 @@ | |||
| 1 | mixin view-badge | ||
| 2 | +view('badge', 'Badge') | ||
| 3 | .c-box | ||
| 4 | +badge(size='sm' href='#')= '50' | ||
| 5 | = ' ' | ||
| 6 | +badge(href='#')= '100' | ||
| 7 | = ' ' | ||
| 8 | +badge(size='lg' href='#')= '200' | ||
| 9 | = ' ' | ||
| 10 | +badge(size='xl' href='#')= '300' | ||
| 11 | |||
| 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 | ||
| 40 | +badge(href='#')= '100' | ||
| 41 | = ' ' | ||
| 42 | +badge(quiet=true href='#')= '100' | ||
| 43 | = ' ' | ||
| 44 | +badge(pill=true href='#')= '100' | ||
| 45 | = ' ' | ||
| 46 | +badge(quiet=true pill=true href='#')= '100' | ||
| 47 | |||
| 48 | each theme in ['accent', 'positive', 'negative', 'warning'] | ||
| 49 | .c-box | ||
| 50 | +badge(theme)(href='#')= 'new' | ||
| 51 | = ' ' | ||
| 52 | +badge(theme)(quiet=true href='#')= 'new' | ||
| 53 | = ' ' | ||
| 54 | +badge(theme)(pill=true href='#')= 'new' | ||
| 55 | = ' ' | ||
| 56 | +badge(theme)(quiet=true pill=true href='#')= 'new' | ||
| 57 | |||
| 58 | each theme in ['static-black', 'static-white'] | ||
| 59 | - | ||
| 60 | const bg = theme.startsWith('static-black') ? 500 : 1000; | ||
| 61 | |||
| 62 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | ||
| 63 | +badge(theme)(href='#')= 'new' | ||
| 64 | = ' ' | ||
| 65 | +badge(theme)(quiet=true href='#')= 'new' | ||
| 66 | = ' ' | ||
| 67 | +badge(theme)(pill=true href='#')= 'new' | ||
| 68 | = ' ' | ||
| 69 | +badge(theme)(quiet=true pill=true href='#')= 'new' | ||