diff options
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' | ||