diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-26 14:46:36 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-26 14:46:36 +0200 |
| commit | 71af9d144c4dfc27c8824aec4d945897289ed440 (patch) | |
| tree | d5864d85af0738a472bbb068f6b39fc4ca7eef6d /tpl/views/action-button.pug | |
| parent | Pill version for action button (diff) | |
| download | iro-design-71af9d144c4dfc27c8824aec4d945897289ed440.tar.gz iro-design-71af9d144c4dfc27c8824aec4d945897289ed440.tar.bz2 iro-design-71af9d144c4dfc27c8824aec4d945897289ed440.zip | |
Add static themes to action button
Diffstat (limited to 'tpl/views/action-button.pug')
| -rw-r--r-- | tpl/views/action-button.pug | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug index 2c94c68..8fbf9ea 100644 --- a/tpl/views/action-button.pug +++ b/tpl/views/action-button.pug | |||
| @@ -85,3 +85,25 @@ mixin view-action-button | |||
| 85 | +action-button(pill=true quiet=true disabled=true)= 'Disabled' | 85 | +action-button(pill=true quiet=true disabled=true)= 'Disabled' |
| 86 | = ' ' | 86 | = ' ' |
| 87 | +action-button(pill=true quiet=true selected=true disabled=true)= 'Selected + disabled' | 87 | +action-button(pill=true quiet=true selected=true disabled=true)= 'Selected + disabled' |
| 88 | |||
| 89 | each theme in ['static-black', 'static-white'] | ||
| 90 | - | ||
| 91 | const bg = theme.startsWith('static-black') ? 500 : 1000; | ||
| 92 | |||
| 93 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | ||
| 94 | +action-button(theme=theme)= 'Idle' | ||
| 95 | = ' ' | ||
| 96 | +action-button(theme=theme selected=true)= 'Selected' | ||
| 97 | = ' ' | ||
| 98 | +action-button(theme=theme disabled=true)= 'Disabled' | ||
| 99 | = ' ' | ||
| 100 | +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' | ||
| 101 | |||
| 102 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | ||
| 103 | +action-button(theme=theme quiet=true)= 'Idle' | ||
| 104 | = ' ' | ||
| 105 | +action-button(theme=theme quiet=true selected=true)= 'Selected' | ||
| 106 | = ' ' | ||
| 107 | +action-button(theme=theme quiet=true disabled=true)= 'Disabled' | ||
| 108 | = ' ' | ||
| 109 | +action-button(theme=theme quiet=true selected=true disabled=true)= 'Selected + disabled' | ||