summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-24 20:44:38 +0200
committerVolpeon <git@volpeon.ink>2024-06-24 20:44:38 +0200
commit586b4f6e43febc1e68796caa69808a8b33eb6292 (patch)
tree3cf61a14010bb4331c4213cd2b96ec982a7755a3 /tpl
parentUpdate (diff)
downloadiro-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.pug16
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')