diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
| commit | c41e16f6044548e27fbf8e4ef65ed3067278c80b (patch) | |
| tree | 90033bba112417a1b7fa833f6a307df56b9799dd /tpl/views | |
| parent | Update (diff) | |
| download | iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.gz iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.bz2 iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.zip | |
Update
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/action-button.pug | 4 | ||||
| -rw-r--r-- | tpl/views/badge.pug | 2 | ||||
| -rw-r--r-- | tpl/views/button.pug | 4 | ||||
| -rw-r--r-- | tpl/views/divider.pug | 4 |
4 files changed, 7 insertions, 7 deletions
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug index 8fbf9ea..6fa0ce9 100644 --- a/tpl/views/action-button.pug +++ b/tpl/views/action-button.pug | |||
| @@ -90,7 +90,7 @@ mixin view-action-button | |||
| 90 | - | 90 | - |
| 91 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 91 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 92 | 92 | ||
| 93 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 93 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 94 | +action-button(theme=theme)= 'Idle' | 94 | +action-button(theme=theme)= 'Idle' |
| 95 | = ' ' | 95 | = ' ' |
| 96 | +action-button(theme=theme selected=true)= 'Selected' | 96 | +action-button(theme=theme selected=true)= 'Selected' |
| @@ -99,7 +99,7 @@ mixin view-action-button | |||
| 99 | = ' ' | 99 | = ' ' |
| 100 | +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' | 100 | +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' |
| 101 | 101 | ||
| 102 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 102 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 103 | +action-button(theme=theme quiet=true)= 'Idle' | 103 | +action-button(theme=theme quiet=true)= 'Idle' |
| 104 | = ' ' | 104 | = ' ' |
| 105 | +action-button(theme=theme quiet=true selected=true)= 'Selected' | 105 | +action-button(theme=theme quiet=true selected=true)= 'Selected' |
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index cc1f346..90fdabe 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
| @@ -59,7 +59,7 @@ mixin view-badge | |||
| 59 | - | 59 | - |
| 60 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 60 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 61 | 61 | ||
| 62 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 62 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 63 | +badge(theme)(href='#')= 'new' | 63 | +badge(theme)(href='#')= 'new' |
| 64 | = ' ' | 64 | = ' ' |
| 65 | +badge(theme)(quiet=true href='#')= 'new' | 65 | +badge(theme)(quiet=true href='#')= 'new' |
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index edd8ef6..04414a4 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug | |||
| @@ -58,7 +58,7 @@ mixin view-button | |||
| 58 | - | 58 | - |
| 59 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 59 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 60 | 60 | ||
| 61 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 61 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 62 | .l-button-group | 62 | .l-button-group |
| 63 | +a-button(variant=theme)= 'Button' | 63 | +a-button(variant=theme)= 'Button' |
| 64 | +a-button(variant=theme disabled=true)= 'Button' | 64 | +a-button(variant=theme disabled=true)= 'Button' |
| @@ -71,7 +71,7 @@ mixin view-button | |||
| 71 | +a-button(variant=theme outline=true icon='trash') | 71 | +a-button(variant=theme outline=true icon='trash') |
| 72 | +a-button(variant=theme outline=true disabled=true icon='trash') | 72 | +a-button(variant=theme outline=true disabled=true icon='trash') |
| 73 | 73 | ||
| 74 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 74 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 75 | .l-button-group | 75 | .l-button-group |
| 76 | +a-button(variant=theme primary=true)= 'Button' | 76 | +a-button(variant=theme primary=true)= 'Button' |
| 77 | +a-button(variant=theme primary=true disabled=true)= 'Button' | 77 | +a-button(variant=theme primary=true disabled=true)= 'Button' |
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug index ee7b372..b5b6d70 100644 --- a/tpl/views/divider.pug +++ b/tpl/views/divider.pug | |||
| @@ -23,7 +23,7 @@ mixin view-divider | |||
| 23 | +divider('medium') | 23 | +divider('medium') |
| 24 | +divider('faint') | 24 | +divider('faint') |
| 25 | 25 | ||
| 26 | each theme in ['blue', 'purple', 'red', 'green', 'yellow'] | 26 | each theme in ['accent', 'negative'] |
| 27 | .c-box | 27 | .c-box |
| 28 | +divider('strong')(color=theme)= 'Strong' | 28 | +divider('strong')(color=theme)= 'Strong' |
| 29 | +divider('medium')(color=theme)= 'Medium' | 29 | +divider('medium')(color=theme)= 'Medium' |
| @@ -36,7 +36,7 @@ mixin view-divider | |||
| 36 | - | 36 | - |
| 37 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 37 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 38 | 38 | ||
| 39 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | 39 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) |
| 40 | +divider('strong')(color=theme)= 'Strong' | 40 | +divider('strong')(color=theme)= 'Strong' |
| 41 | +divider('medium')(color=theme)= 'Medium' | 41 | +divider('medium')(color=theme)= 'Medium' |
| 42 | +divider('faint')(color=theme)= 'Faint' | 42 | +divider('faint')(color=theme)= 'Faint' |