diff options
| author | Volpeon <git@volpeon.ink> | 2024-07-04 15:49:10 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-07-04 15:49:10 +0200 |
| commit | 977446e39cdbb5af3f5829330d5a9c91c9d5d877 (patch) | |
| tree | 59c2c663bda8b92d1254881c1baa26f50ac1d357 /tpl | |
| parent | Add t-50 (diff) | |
| download | iro-design-977446e39cdbb5af3f5829330d5a9c91c9d5d877.tar.gz iro-design-977446e39cdbb5af3f5829330d5a9c91c9d5d877.tar.bz2 iro-design-977446e39cdbb5af3f5829330d5a9c91c9d5d877.zip | |
Better badge
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' |