summaryrefslogtreecommitdiffstats
path: root/tpl/views/action-button.pug
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/views/action-button.pug')
-rw-r--r--tpl/views/action-button.pug182
1 files changed, 0 insertions, 182 deletions
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug
deleted file mode 100644
index 4d2ffb6..0000000
--- a/tpl/views/action-button.pug
+++ /dev/null
@@ -1,182 +0,0 @@
1mixin view-action-button
2 +view('action-button', 'Action button')
3 .c-box
4 +action-button(size='sm')= 'Idle'
5 = ' '
6 +action-button= 'Idle'
7 = ' '
8 +action-button(size='lg')= 'Idle'
9 = ' '
10 +action-button(size='xl')= 'Idle'
11 br
12 br
13 +action-button(icon='trash' size='sm')
14 = ' '
15 +action-button(icon='trash')
16 = ' '
17 +action-button(icon='trash' size='lg')
18 = ' '
19 +action-button(icon='trash' size='xl')
20 br
21 br
22 +action-button(icon='user' size='sm')= 'Idle'
23 = ' '
24 +action-button(icon='user')= 'Idle'
25 = ' '
26 +action-button(icon='user' size='lg')= 'Idle'
27 = ' '
28 +action-button(icon='user' size='xl')= 'Idle'
29
30 .c-box
31 +action-button(pill=true size='sm')= 'Idle'
32 = ' '
33 +action-button(pill=true)= 'Idle'
34 = ' '
35 +action-button(pill=true size='lg')= 'Idle'
36 = ' '
37 +action-button(pill=true size='xl')= 'Idle'
38 br
39 br
40 +action-button(pill=true icon='trash' size='sm')
41 = ' '
42 +action-button(pill=true icon='trash')
43 = ' '
44 +action-button(pill=true icon='trash' size='lg')
45 = ' '
46 +action-button(pill=true icon='trash' size='xl')
47 br
48 br
49 +action-button(pill=true icon='user' size='sm')= 'Idle'
50 = ' '
51 +action-button(pill=true icon='user')= 'Idle'
52 = ' '
53 +action-button(pill=true icon='user' size='lg')= 'Idle'
54 = ' '
55 +action-button(pill=true icon='user' size='xl')= 'Idle'
56
57 .c-box
58 +action-button= 'Label'
59 = ' '
60 +action-button(icon='trash')= 'Label'
61 = ' '
62 +action-button(icon='trash')
63 br
64 br
65 +action-button(quiet=true)= 'Label'
66 = ' '
67 +action-button(quiet=true icon='trash')= 'Label'
68 = ' '
69 +action-button(quiet=true icon='trash')
70
71 .c-box
72 +action-button= 'Idle'
73 = ' '
74 +action-button(selected=true)= 'Selected'
75 = ' '
76 +action-button(disabled=true)= 'Disabled'
77 = ' '
78 +action-button(selected=true disabled=true)= 'Selected + disabled'
79 br
80 br
81 +action-button(static=true )= 'Idle'
82 = ' '
83 +action-button(static=true selected=true)= 'Selected'
84 = ' '
85 +action-button(static=true disabled=true)= 'Disabled'
86 = ' '
87 +action-button(static=true selected=true disabled=true)= 'Selected + disabled'
88 br
89 br
90 +action-button(quiet=true )= 'Idle'
91 = ' '
92 +action-button(quiet=true selected=true)= 'Selected'
93 = ' '
94 +action-button(quiet=true disabled=true)= 'Disabled'
95 = ' '
96 +action-button(quiet=true selected=true disabled=true)= 'Selected + disabled'
97
98 .c-box
99 +action-button(pill=true)= 'Idle'
100 = ' '
101 +action-button(pill=true selected=true)= 'Selected'
102 = ' '
103 +action-button(pill=true disabled=true)= 'Disabled'
104 = ' '
105 +action-button(pill=true selected=true disabled=true)= 'Selected + disabled'
106 br
107 br
108 +action-button(pill=true static=true)= 'Idle'
109 = ' '
110 +action-button(pill=true static=true selected=true)= 'Selected'
111 = ' '
112 +action-button(pill=true static=true disabled=true)= 'Disabled'
113 = ' '
114 +action-button(pill=true static=true selected=true disabled=true)= 'Selected + disabled'
115 br
116 br
117 +action-button(pill=true quiet=true)= 'Idle'
118 = ' '
119 +action-button(pill=true quiet=true selected=true)= 'Selected'
120 = ' '
121 +action-button(pill=true quiet=true disabled=true)= 'Disabled'
122 = ' '
123 +action-button(pill=true quiet=true selected=true disabled=true)= 'Selected + disabled'
124
125 each theme, i in ['accent', 'positive', 'negative', 'warning']
126 .c-box
127 +action-button(theme=theme)= 'Idle'
128 = ' '
129 +action-button(theme=theme selected=true)= 'Selected'
130 = ' '
131 +action-button(theme=theme disabled=true)= 'Disabled'
132 = ' '
133 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
134 br
135 br
136 +action-button(theme=theme static=true)= 'Idle'
137 = ' '
138 +action-button(theme=theme static=true selected=true)= 'Selected'
139 = ' '
140 +action-button(theme=theme static=true disabled=true)= 'Disabled'
141 = ' '
142 +action-button(theme=theme static=true selected=true disabled=true)= 'Selected + disabled'
143 br
144 br
145 +action-button(theme=theme quiet=true)= 'Idle'
146 = ' '
147 +action-button(theme=theme quiet=true selected=true)= 'Selected'
148 = ' '
149 +action-button(theme=theme quiet=true disabled=true)= 'Disabled'
150 = ' '
151 +action-button(theme=theme quiet=true selected=true disabled=true)= 'Selected + disabled'
152
153 each theme in ['static-black', 'static-white']
154 -
155 const bg = theme.startsWith('static-black') ? 500 : 1000;
156
157 .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
158 +action-button(theme=theme)= 'Idle'
159 = ' '
160 +action-button(theme=theme selected=true)= 'Selected'
161 = ' '
162 +action-button(theme=theme disabled=true)= 'Disabled'
163 = ' '
164 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
165 br
166 br
167 +action-button(theme=theme static=true)= 'Idle'
168 = ' '
169 +action-button(theme=theme static=true selected=true)= 'Selected'
170 = ' '
171 +action-button(theme=theme static=true disabled=true)= 'Disabled'
172 = ' '
173 +action-button(theme=theme static=true selected=true disabled=true)= 'Selected + disabled'
174 br
175 br
176 +action-button(theme=theme quiet=true)= 'Idle'
177 = ' '
178 +action-button(theme=theme quiet=true selected=true)= 'Selected'
179 = ' '
180 +action-button(theme=theme quiet=true disabled=true)= 'Disabled'
181 = ' '
182 +action-button(theme=theme quiet=true selected=true disabled=true)= 'Selected + disabled'
generated by cgit v1.2.3-70-g09d2 (git 2.50.0) at 2025-07-25 16:34:20 +0000