diff options
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/button.pug | 16 | 
1 files changed, 16 insertions, 0 deletions
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 7e8f572..221219c 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug  | |||
| @@ -60,3 +60,19 @@ mixin view-button | |||
| 60 | +a-button(variant=theme outline=true icon='trash') | 60 | +a-button(variant=theme outline=true icon='trash') | 
| 61 | +a-button(variant=theme outline=true disabled=true icon='trash') | 61 | +a-button(variant=theme outline=true disabled=true icon='trash') | 
| 62 | 62 | ||
| 63 | each theme in ['static-black', 'static-black-primary', 'static-white', 'static-white-primary'] | ||
| 64 | - | ||
| 65 | const bg = theme.startsWith('static-black') ? 500 : 1000; | ||
| 66 | |||
| 67 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) | ||
| 68 | .l-button-group | ||
| 69 | +a-button(variant=theme)= 'Button' | ||
| 70 | +a-button(variant=theme disabled=true)= 'Button' | ||
| 71 | +a-button(variant=theme outline=true)= 'Button' | ||
| 72 | +a-button(variant=theme outline=true disabled=true)= 'Button' | ||
| 73 | br | ||
| 74 | .l-button-group | ||
| 75 | +a-button(variant=theme icon='trash') | ||
| 76 | +a-button(variant=theme disabled=true icon='trash') | ||
| 77 | +a-button(variant=theme outline=true icon='trash') | ||
| 78 | +a-button(variant=theme outline=true disabled=true icon='trash') | ||
