diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-24 20:44:38 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-24 20:44:38 +0200 |
| commit | 586b4f6e43febc1e68796caa69808a8b33eb6292 (patch) | |
| tree | 3cf61a14010bb4331c4213cd2b96ec982a7755a3 /tpl | |
| parent | Update (diff) | |
| download | iro-design-586b4f6e43febc1e68796caa69808a8b33eb6292.tar.gz iro-design-586b4f6e43febc1e68796caa69808a8b33eb6292.tar.bz2 iro-design-586b4f6e43febc1e68796caa69808a8b33eb6292.zip | |
Add static button themes
Diffstat (limited to 'tpl')
| -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') | ||