diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-25 11:11:05 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-25 11:11:05 +0200 |
| commit | b566769679473b91d2f63406fba7cc3b44c4fcc1 (patch) | |
| tree | 24fe359c8922bc250ad8cce8cba688d5c8c72235 /tpl/views | |
| parent | Fix button style (diff) | |
| download | iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.gz iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.bz2 iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.zip | |
Update
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/badge.pug | 67 | ||||
| -rw-r--r-- | tpl/views/button.pug | 19 |
2 files changed, 19 insertions, 67 deletions
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index a55baca..e1aa9e2 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
| @@ -3,73 +3,40 @@ mixin view-badge | |||
| 3 | .c-box | 3 | .c-box |
| 4 | +badge(size='sm' href='#')= '50' | 4 | +badge(size='sm' href='#')= '50' |
| 5 | = ' ' | 5 | = ' ' |
| 6 | +badge= '100' | 6 | +badge(href='#')= '100' |
| 7 | = ' ' | 7 | = ' ' |
| 8 | +badge(size='lg' href='#')= '200' | 8 | +badge(size='lg' href='#')= '200' |
| 9 | = ' ' | 9 | = ' ' |
| 10 | +badge(size='xl' href='#')= '300' | 10 | +badge(size='xl' href='#')= '300' |
| 11 | 11 | ||
| 12 | .c-box | 12 | .c-box |
| 13 | +badge(size='sm' href='#' quiet=true)= '50' | 13 | +badge(href='#')= '100' |
| 14 | = ' ' | 14 | = ' ' |
| 15 | +badge(quiet=true)= '100' | 15 | +badge(quiet=true href='#')= '100' |
| 16 | = ' ' | 16 | = ' ' |
| 17 | +badge(size='lg' href='#' quiet=true)= '200' | 17 | +badge(pill=true href='#')= '100' |
| 18 | = ' ' | 18 | = ' ' |
| 19 | +badge(size='xl' href='#' quiet=true)= '300' | 19 | +badge(quiet=true pill=true href='#')= '100' |
| 20 | 20 | ||
| 21 | each theme in ['accent', 'positive', 'negative', 'warning'] | 21 | each theme in ['accent', 'positive', 'negative', 'warning'] |
| 22 | .c-box | 22 | .c-box |
| 23 | +badge(theme)(size='sm' href='#')= 'new' | 23 | +badge(theme)(href='#')= 'new' |
| 24 | = ' ' | 24 | = ' ' |
| 25 | +badge(theme)= 'new' | 25 | +badge(theme)(quiet=true href='#')= 'new' |
| 26 | = ' ' | 26 | = ' ' |
| 27 | +badge(theme)(size='lg' href='#')= 'new' | 27 | +badge(theme)(pill=true href='#')= 'new' |
| 28 | = ' ' | 28 | = ' ' |
| 29 | +badge(theme)(size='xl' href='#')= 'new' | 29 | +badge(theme)(quiet=true pill=true href='#')= 'new' |
| 30 | 30 | ||
| 31 | .c-box | 31 | each theme in ['static-black', 'static-white'] |
| 32 | +badge(theme)(size='sm' href='#' quiet=true)= 'new' | 32 | - |
| 33 | = ' ' | 33 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 34 | +badge(theme)(quiet=true)= 'new' | ||
| 35 | = ' ' | ||
| 36 | +badge(theme)(size='lg' href='#' quiet=true)= 'new' | ||
| 37 | = ' ' | ||
| 38 | +badge(theme)(size='xl' href='#' quiet=true)= 'new' | ||
| 39 | 34 | ||
| 40 | .c-box | 35 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 41 | +badge(size='sm', pill=true)= '50' | 36 | +badge(theme)(href='#')= 'new' |
| 42 | = ' ' | ||
| 43 | +badge(pill=true)= '100' | ||
| 44 | = ' ' | ||
| 45 | +badge(size='lg' pill=true)= '200' | ||
| 46 | = ' ' | ||
| 47 | +badge(size='xl' pill=true)= '300' | ||
| 48 | |||
| 49 | .c-box | ||
| 50 | +badge(size='sm' pill=true quiet=true)= 'new' | ||
| 51 | = ' ' | ||
| 52 | +badge(pill=true quiet=true)= 'new' | ||
| 53 | = ' ' | ||
| 54 | +badge(size='lg' pill=true quiet=true)= 'new' | ||
| 55 | = ' ' | ||
| 56 | +badge(size='xl' pill=true quiet=true)= 'new' | ||
| 57 | |||
| 58 | each theme in ['accent', 'positive', 'negative', 'warning'] | ||
| 59 | .c-box | ||
| 60 | +badge(theme)(size='sm' pill=true href='#')= 'new' | ||
| 61 | = ' ' | ||
| 62 | +badge(theme)(pill=true)= 'new' | ||
| 63 | = ' ' | ||
| 64 | +badge(theme)(size='lg' pill=true href='#')= 'new' | ||
| 65 | = ' ' | ||
| 66 | +badge(theme)(size='xl' pill=true href='#')= 'new' | ||
| 67 | |||
| 68 | .c-box | ||
| 69 | +badge(theme)(size='sm' pill=true href='#' quiet=true)= 'new' | ||
| 70 | = ' ' | 37 | = ' ' |
| 71 | +badge(theme)(pill=true quiet=true)= 'new' | 38 | +badge(theme)(quiet=true href='#')= 'new' |
| 72 | = ' ' | 39 | = ' ' |
| 73 | +badge(theme)(size='lg' pill=true href='#' quiet=true)= 'new' | 40 | +badge(theme)(pill=true href='#')= 'new' |
| 74 | = ' ' | 41 | = ' ' |
| 75 | +badge(theme)(size='xl' pill=true href='#' quiet=true)= 'new' | 42 | +badge(theme)(quiet=true pill=true href='#')= 'new' |
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 221219c..c476d9b 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug | |||
| @@ -8,15 +8,8 @@ mixin view-button | |||
| 8 | +a-button(size='lg')= 'Button' | 8 | +a-button(size='lg')= 'Button' |
| 9 | = ' ' | 9 | = ' ' |
| 10 | +a-button(size='xl')= 'Button' | 10 | +a-button(size='xl')= 'Button' |
| 11 | br | 11 | |
| 12 | +a-button(size='sm' disabled=true)= 'Button' | 12 | .c-box |
| 13 | = ' ' | ||
| 14 | +a-button(disabled=true)= 'Button' | ||
| 15 | = ' ' | ||
| 16 | +a-button(size='lg' disabled=true)= 'Button' | ||
| 17 | = ' ' | ||
| 18 | +a-button(size='xl' disabled=true)= 'Button' | ||
| 19 | br | ||
| 20 | +a-button(size='sm' outline=true)= 'Button' | 13 | +a-button(size='sm' outline=true)= 'Button' |
| 21 | = ' ' | 14 | = ' ' |
| 22 | +a-button(outline=true)= 'Button' | 15 | +a-button(outline=true)= 'Button' |
| @@ -24,14 +17,6 @@ mixin view-button | |||
| 24 | +a-button(size='lg' outline=true)= 'Button' | 17 | +a-button(size='lg' outline=true)= 'Button' |
| 25 | = ' ' | 18 | = ' ' |
| 26 | +a-button(size='xl' outline=true)= 'Button' | 19 | +a-button(size='xl' outline=true)= 'Button' |
| 27 | br | ||
| 28 | +a-button(size='sm' outline=true disabled=true)= 'Button' | ||
| 29 | = ' ' | ||
| 30 | +a-button(outline=true disabled=true)= 'Button' | ||
| 31 | = ' ' | ||
| 32 | +a-button(size='lg' outline=true disabled=true)= 'Button' | ||
| 33 | = ' ' | ||
| 34 | +a-button(size='xl' outline=true disabled=true)= 'Button' | ||
| 35 | 20 | ||
| 36 | .c-box | 21 | .c-box |
| 37 | .l-button-group | 22 | .l-button-group |