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') | ||