@bagelink/vue 0.0.276 → 0.0.282
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ComboBox.vue.d.ts +2 -0
- package/dist/components/ComboBox.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts +9 -4
- package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +25 -17
- package/dist/index.mjs +25 -17
- package/dist/plugins/modal.d.ts +1 -1
- package/dist/plugins/modal.d.ts.map +1 -1
- package/dist/style.css +861 -641
- package/package.json +1 -1
- package/src/components/ComboBox.vue +15 -10
- package/src/components/form/inputs/CheckInput.vue +55 -53
- package/src/components/form/inputs/SelectInput.vue +272 -284
- package/src/components/formkit/Toggle.vue +85 -100
- package/src/plugins/modal.ts +23 -23
- package/src/styles/buttons.css +13 -3
- package/src/styles/inputs.css +100 -109
- package/src/styles/layout.css +449 -191
- package/src/styles/text.css +80 -59
package/src/styles/layout.css
CHANGED
|
@@ -1,167 +1,159 @@
|
|
|
1
1
|
.grid {
|
|
2
|
-
|
|
2
|
+
display: grid;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.inline-grid {
|
|
6
|
-
|
|
6
|
+
display: inline-grid;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.fill {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
width: 100vw;
|
|
11
|
+
height: 100vh;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.justify-items-center {
|
|
15
|
-
|
|
15
|
+
justify-items: center;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.justify-content-center {
|
|
19
|
-
|
|
19
|
+
justify-content: center;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.justify-content-start {
|
|
23
|
-
|
|
23
|
+
justify-content: start;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.align-content-center {
|
|
27
|
-
|
|
27
|
+
align-content: center;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.align-items-top {
|
|
31
|
-
|
|
31
|
+
align-items: flex-start !important;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.align-items-center {
|
|
35
|
-
|
|
35
|
+
align-items: center;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.row-gap-1 {
|
|
39
|
-
|
|
39
|
+
row-gap: 0.2rem;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.row-gap-2 {
|
|
43
|
-
|
|
43
|
+
row-gap: 0.5rem;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.row-gap-3 {
|
|
47
|
-
|
|
47
|
+
row-gap: 1rem;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.align-items-end {
|
|
51
|
-
|
|
51
|
+
align-items: end !important;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.fit-content {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
width: fit-content;
|
|
56
|
+
height: fit-content;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.margin-auto {
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
margin-left: auto;
|
|
61
|
+
margin-right: auto;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.auto-flow-columns {
|
|
65
|
-
|
|
65
|
+
grid-auto-flow: column;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.grid-2-col {
|
|
69
|
-
|
|
69
|
+
grid-template-columns: 1fr 1fr;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.justify-content-between {
|
|
73
|
-
|
|
73
|
+
justify-content: space-between;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.justify-self-start {
|
|
77
|
-
|
|
77
|
+
justify-self: start;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.columns-max-content {
|
|
81
|
-
|
|
81
|
+
grid-auto-columns: max-content;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.w-100 {
|
|
85
|
-
|
|
85
|
+
width: 100%;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.col-gap-1 {
|
|
89
|
-
|
|
89
|
+
column-gap: 1rem;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.col-gap-05 {
|
|
93
|
-
|
|
93
|
+
column-gap: 0.5rem;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.rows-max-content {
|
|
97
|
-
|
|
97
|
+
grid-auto-rows: max-content;
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
.grid.overflow
|
|
101
|
-
|
|
102
|
-
|
|
100
|
+
.grid.overflow>* {
|
|
101
|
+
min-width: 0px;
|
|
102
|
+
overflow: auto;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.ps-1 {
|
|
106
|
-
|
|
106
|
+
padding-left: 1rem;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.justify-content-around {
|
|
110
|
-
|
|
110
|
+
justify-content: space-between;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
.justify-content-end {
|
|
114
|
-
|
|
114
|
+
justify-content: end;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.justify-self-end {
|
|
118
|
-
|
|
118
|
+
justify-self: end;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
.justify-self-center {
|
|
122
|
-
|
|
122
|
+
justify-self: center;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.position-right {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
126
|
+
position: absolute;
|
|
127
|
+
top: 0px;
|
|
128
|
+
right: 0px;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.position-absolute {
|
|
132
|
-
|
|
132
|
+
position: absolute;
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
.position-relative {
|
|
136
|
-
|
|
136
|
+
position: relative;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
.auto-flow-rows {
|
|
140
|
-
|
|
140
|
+
grid-auto-flow: row;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
.align-items-start {
|
|
144
|
-
|
|
144
|
+
align-items: start !important;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.align-self-end {
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.h-100 {
|
|
152
|
-
height: 100%;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.vh-100 {
|
|
156
|
-
height: 100vh;
|
|
148
|
+
align-self: end;
|
|
157
149
|
}
|
|
158
150
|
|
|
159
151
|
.min-100 {
|
|
160
|
-
|
|
152
|
+
min-height: 100%;
|
|
161
153
|
}
|
|
162
154
|
|
|
163
155
|
.w-100 {
|
|
164
|
-
|
|
156
|
+
width: 100%;
|
|
165
157
|
}
|
|
166
158
|
|
|
167
159
|
.w300,
|
|
@@ -173,523 +165,789 @@
|
|
|
173
165
|
.w600,
|
|
174
166
|
.w650,
|
|
175
167
|
.w700 {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
168
|
+
margin-left: auto;
|
|
169
|
+
margin-right: auto;
|
|
170
|
+
width: 98%;
|
|
179
171
|
}
|
|
180
172
|
|
|
181
173
|
.w300 {
|
|
182
|
-
|
|
174
|
+
max-width: 300px;
|
|
183
175
|
}
|
|
184
176
|
|
|
185
177
|
.w350 {
|
|
186
|
-
|
|
178
|
+
max-width: 350px;
|
|
187
179
|
}
|
|
188
180
|
|
|
189
181
|
.w400 {
|
|
190
|
-
|
|
182
|
+
max-width: 400px;
|
|
191
183
|
}
|
|
192
184
|
|
|
193
185
|
.w450 {
|
|
194
|
-
|
|
186
|
+
max-width: 450px;
|
|
195
187
|
}
|
|
196
188
|
|
|
197
189
|
.w500 {
|
|
198
|
-
|
|
190
|
+
max-width: 500px;
|
|
199
191
|
}
|
|
200
192
|
|
|
201
193
|
.w550 {
|
|
202
|
-
|
|
194
|
+
max-width: 550px;
|
|
203
195
|
}
|
|
204
196
|
|
|
205
197
|
.w600 {
|
|
206
|
-
|
|
198
|
+
max-width: 600px;
|
|
207
199
|
}
|
|
208
200
|
|
|
209
201
|
.w650 {
|
|
210
|
-
|
|
202
|
+
max-width: 650px;
|
|
211
203
|
}
|
|
212
204
|
|
|
213
205
|
.w650 {
|
|
214
|
-
|
|
206
|
+
max-width: 700px;
|
|
215
207
|
}
|
|
216
208
|
|
|
217
209
|
.gap-1 {
|
|
218
|
-
|
|
210
|
+
gap: 0.25rem;
|
|
219
211
|
}
|
|
220
212
|
|
|
221
213
|
.gap-2 {
|
|
222
|
-
|
|
214
|
+
gap: 0.5rem;
|
|
223
215
|
}
|
|
224
216
|
|
|
225
217
|
.gap-3 {
|
|
226
|
-
|
|
218
|
+
gap: 1rem;
|
|
227
219
|
}
|
|
228
220
|
|
|
229
221
|
.gap-col-1 {
|
|
230
|
-
|
|
222
|
+
column-gap: 0.25rem;
|
|
231
223
|
}
|
|
232
224
|
|
|
233
225
|
.gap-col-2 {
|
|
234
|
-
|
|
226
|
+
column-gap: 0.5rem;
|
|
235
227
|
}
|
|
236
228
|
|
|
237
229
|
.gap-col-3 {
|
|
238
|
-
|
|
230
|
+
column-gap: 1rem;
|
|
239
231
|
}
|
|
240
232
|
|
|
241
233
|
.gap-row-1 {
|
|
242
|
-
|
|
234
|
+
row-gap: 0.25rem;
|
|
243
235
|
}
|
|
244
236
|
|
|
245
237
|
.gap-row-2 {
|
|
246
|
-
|
|
238
|
+
row-gap: 0.5rem;
|
|
247
239
|
}
|
|
248
240
|
|
|
249
241
|
.gap-row-3 {
|
|
250
|
-
|
|
242
|
+
row-gap: 1rem;
|
|
251
243
|
}
|
|
252
244
|
|
|
253
245
|
.flex-wrap {
|
|
254
|
-
|
|
246
|
+
flex-wrap: wrap;
|
|
255
247
|
}
|
|
256
248
|
|
|
257
249
|
.column {
|
|
258
|
-
|
|
250
|
+
flex-direction: column;
|
|
259
251
|
}
|
|
260
252
|
|
|
261
253
|
.row {
|
|
262
|
-
|
|
254
|
+
flex-direction: row;
|
|
263
255
|
}
|
|
264
256
|
|
|
265
257
|
.flex-grow {
|
|
266
|
-
|
|
258
|
+
flex-grow: 1;
|
|
267
259
|
}
|
|
268
260
|
|
|
269
261
|
.flex-shrink {
|
|
270
|
-
|
|
262
|
+
flex-shrink: 1;
|
|
271
263
|
}
|
|
272
264
|
|
|
273
265
|
.flex-2-col {
|
|
274
|
-
|
|
275
|
-
|
|
266
|
+
max-width: 50%;
|
|
267
|
+
flex: 1 1 calc(50% - 2rem);
|
|
276
268
|
}
|
|
277
269
|
|
|
278
270
|
.flex-3-col {
|
|
279
|
-
|
|
271
|
+
flex: 1 1 33.33333%;
|
|
280
272
|
}
|
|
281
273
|
|
|
282
274
|
.mb-auto {
|
|
283
|
-
|
|
275
|
+
margin-bottom: auto !important;
|
|
284
276
|
}
|
|
285
277
|
|
|
286
278
|
.mb-0 {
|
|
287
|
-
|
|
279
|
+
margin-bottom: 0rem !important;
|
|
288
280
|
}
|
|
289
281
|
|
|
290
282
|
.mb-025 {
|
|
291
|
-
|
|
283
|
+
margin-bottom: 0.25rem !important;
|
|
292
284
|
}
|
|
293
285
|
|
|
294
286
|
.mb-05 {
|
|
295
|
-
|
|
287
|
+
margin-bottom: 0.5rem !important;
|
|
296
288
|
}
|
|
297
289
|
|
|
298
290
|
.mb-075 {
|
|
299
|
-
|
|
291
|
+
margin-bottom: 0.75rem !important;
|
|
300
292
|
}
|
|
301
293
|
|
|
302
294
|
.mb-1 {
|
|
303
|
-
|
|
295
|
+
margin-bottom: 1rem !important;
|
|
304
296
|
}
|
|
305
297
|
|
|
306
298
|
.mb-2 {
|
|
307
|
-
|
|
299
|
+
margin-bottom: 2rem !important;
|
|
308
300
|
}
|
|
309
301
|
|
|
310
302
|
.mb-3 {
|
|
311
|
-
|
|
303
|
+
margin-bottom: 3rem !important;
|
|
312
304
|
}
|
|
313
305
|
|
|
314
306
|
.mb-4 {
|
|
315
|
-
|
|
307
|
+
margin-bottom: 4rem !important;
|
|
316
308
|
}
|
|
317
309
|
|
|
318
310
|
.mt-auto {
|
|
319
|
-
|
|
311
|
+
margin-top: auto !important;
|
|
320
312
|
}
|
|
321
313
|
|
|
322
314
|
.mt-0 {
|
|
323
|
-
|
|
315
|
+
margin-top: 0rem !important;
|
|
324
316
|
}
|
|
325
317
|
|
|
326
318
|
.mt-025 {
|
|
327
|
-
|
|
319
|
+
margin-top: 0.25rem !important;
|
|
328
320
|
}
|
|
329
321
|
|
|
330
322
|
.mt-05 {
|
|
331
|
-
|
|
323
|
+
margin-top: 0.5rem !important;
|
|
332
324
|
}
|
|
333
325
|
|
|
334
326
|
.mt-075 {
|
|
335
|
-
|
|
327
|
+
margin-top: 0.75rem !important;
|
|
336
328
|
}
|
|
337
329
|
|
|
338
330
|
.mt-1 {
|
|
339
|
-
|
|
331
|
+
margin-top: 1rem !important;
|
|
340
332
|
}
|
|
341
333
|
|
|
342
334
|
.mt-2 {
|
|
343
|
-
|
|
335
|
+
margin-top: 2rem !important;
|
|
344
336
|
}
|
|
345
337
|
|
|
346
338
|
.mt-3 {
|
|
347
|
-
|
|
339
|
+
margin-top: 3rem !important;
|
|
348
340
|
}
|
|
349
341
|
|
|
350
342
|
.mt-4 {
|
|
351
|
-
|
|
343
|
+
margin-top: 4rem !important;
|
|
352
344
|
}
|
|
353
345
|
|
|
354
346
|
.ms-auto {
|
|
355
|
-
|
|
347
|
+
margin-inline-start: auto !important;
|
|
356
348
|
}
|
|
357
349
|
|
|
358
350
|
.ms-0 {
|
|
359
|
-
|
|
351
|
+
margin-inline-start: 0rem !important;
|
|
360
352
|
}
|
|
361
353
|
|
|
362
354
|
.ms-025 {
|
|
363
|
-
|
|
355
|
+
margin-inline-start: 0.25rem !important;
|
|
364
356
|
}
|
|
365
357
|
|
|
366
358
|
.ms-05 {
|
|
367
|
-
|
|
359
|
+
margin-inline-start: 0.5rem !important;
|
|
368
360
|
}
|
|
369
361
|
|
|
370
362
|
.ms-075 {
|
|
371
|
-
|
|
363
|
+
margin-inline-start: 0.75rem !important;
|
|
372
364
|
}
|
|
373
365
|
|
|
374
366
|
.ms-1 {
|
|
375
|
-
|
|
367
|
+
margin-inline-start: 1rem !important;
|
|
376
368
|
}
|
|
377
369
|
|
|
378
370
|
.ms-2 {
|
|
379
|
-
|
|
371
|
+
margin-inline-start: 2rem !important;
|
|
380
372
|
}
|
|
381
373
|
|
|
382
374
|
.ms-3 {
|
|
383
|
-
|
|
375
|
+
margin-inline-start: 3rem !important;
|
|
384
376
|
}
|
|
385
377
|
|
|
386
378
|
.ms-4 {
|
|
387
|
-
|
|
379
|
+
margin-inline-start: 4rem !important;
|
|
388
380
|
}
|
|
389
381
|
|
|
390
382
|
.me-auto {
|
|
391
|
-
|
|
383
|
+
margin-inline-end: auto !important;
|
|
392
384
|
}
|
|
393
385
|
|
|
394
386
|
.me-0 {
|
|
395
|
-
|
|
387
|
+
margin-inline-end: 0rem !important;
|
|
396
388
|
}
|
|
397
389
|
|
|
398
390
|
.me-025 {
|
|
399
|
-
|
|
391
|
+
margin-inline-end: 0.25rem !important;
|
|
400
392
|
}
|
|
401
393
|
|
|
402
394
|
.me-05 {
|
|
403
|
-
|
|
395
|
+
margin-inline-end: 0.5rem !important;
|
|
404
396
|
}
|
|
405
397
|
|
|
406
398
|
.me-075 {
|
|
407
|
-
|
|
399
|
+
margin-inline-end: 0.75rem !important;
|
|
408
400
|
}
|
|
409
401
|
|
|
410
402
|
.me-1 {
|
|
411
|
-
|
|
403
|
+
margin-inline-end: 1rem !important;
|
|
412
404
|
}
|
|
413
405
|
|
|
414
406
|
.me-2 {
|
|
415
|
-
|
|
407
|
+
margin-inline-end: 2rem !important;
|
|
416
408
|
}
|
|
417
409
|
|
|
418
410
|
.me-3 {
|
|
419
|
-
|
|
411
|
+
margin-inline-end: 3rem !important;
|
|
420
412
|
}
|
|
421
413
|
|
|
422
414
|
.me-4 {
|
|
423
|
-
|
|
415
|
+
margin-inline-end: 4rem !important;
|
|
424
416
|
}
|
|
425
417
|
|
|
426
418
|
.-mb-025 {
|
|
427
|
-
|
|
419
|
+
margin-bottom: -0.25rem !important;
|
|
428
420
|
}
|
|
429
421
|
|
|
430
422
|
.-mb-05 {
|
|
431
|
-
|
|
423
|
+
margin-bottom: -0.5rem !important;
|
|
432
424
|
}
|
|
433
425
|
|
|
434
426
|
.-mb-075 {
|
|
435
|
-
|
|
427
|
+
margin-bottom: -0.75rem !important;
|
|
436
428
|
}
|
|
437
429
|
|
|
438
430
|
.-mb-1 {
|
|
439
|
-
|
|
431
|
+
margin-bottom: -1rem !important;
|
|
440
432
|
}
|
|
441
433
|
|
|
442
434
|
.-mb-2 {
|
|
443
|
-
|
|
435
|
+
margin-bottom: -2rem !important;
|
|
444
436
|
}
|
|
445
437
|
|
|
446
438
|
.-mb-3 {
|
|
447
|
-
|
|
439
|
+
margin-bottom: -3rem !important;
|
|
448
440
|
}
|
|
449
441
|
|
|
450
442
|
.-mb-4 {
|
|
451
|
-
|
|
443
|
+
margin-bottom: -4rem !important;
|
|
452
444
|
}
|
|
453
445
|
|
|
454
446
|
.-mt-025 {
|
|
455
|
-
|
|
447
|
+
margin-top: -0.25rem !important;
|
|
456
448
|
}
|
|
457
449
|
|
|
458
450
|
.-mt-05 {
|
|
459
|
-
|
|
451
|
+
margin-top: -0.5rem !important;
|
|
460
452
|
}
|
|
461
453
|
|
|
462
454
|
.-mt-075 {
|
|
463
|
-
|
|
455
|
+
margin-top: 0.75rem !important;
|
|
464
456
|
}
|
|
465
457
|
|
|
466
458
|
.-mt-1 {
|
|
467
|
-
|
|
459
|
+
margin-top: -1rem !important;
|
|
468
460
|
}
|
|
469
461
|
|
|
470
462
|
.-mt-2 {
|
|
471
|
-
|
|
463
|
+
margin-top: -2rem !important;
|
|
472
464
|
}
|
|
473
465
|
|
|
474
466
|
.-mt-3 {
|
|
475
|
-
|
|
467
|
+
margin-top: -3rem !important;
|
|
476
468
|
}
|
|
477
469
|
|
|
478
470
|
.-mt-4 {
|
|
479
|
-
|
|
471
|
+
margin-top: -4rem !important;
|
|
480
472
|
}
|
|
481
473
|
|
|
482
474
|
.-ms-025 {
|
|
483
|
-
|
|
475
|
+
margin-inline-start: -0.25rem !important;
|
|
484
476
|
}
|
|
485
477
|
|
|
486
478
|
.-ms-05 {
|
|
487
|
-
|
|
479
|
+
margin-inline-start: -0.5rem !important;
|
|
488
480
|
}
|
|
489
481
|
|
|
490
482
|
.-ms-075 {
|
|
491
|
-
|
|
483
|
+
margin-inline-start: -0.75rem !important;
|
|
492
484
|
}
|
|
493
485
|
|
|
494
486
|
.-ms-1 {
|
|
495
|
-
|
|
487
|
+
margin-inline-start: -1rem !important;
|
|
496
488
|
}
|
|
497
489
|
|
|
498
490
|
.-ms-2 {
|
|
499
|
-
|
|
491
|
+
margin-inline-start: -2rem !important;
|
|
500
492
|
}
|
|
501
493
|
|
|
502
494
|
.-ms-3 {
|
|
503
|
-
|
|
495
|
+
margin-inline-start: -3rem !important;
|
|
504
496
|
}
|
|
505
497
|
|
|
506
498
|
.-ms-4 {
|
|
507
|
-
|
|
499
|
+
margin-inline-start: -4rem !important;
|
|
508
500
|
}
|
|
509
501
|
|
|
510
502
|
.-me-025 {
|
|
511
|
-
|
|
503
|
+
margin-inline-end: -0.25rem !important;
|
|
512
504
|
}
|
|
513
505
|
|
|
514
506
|
.-me-05 {
|
|
515
|
-
|
|
507
|
+
margin-inline-end: -0.5rem !important;
|
|
516
508
|
}
|
|
517
509
|
|
|
518
510
|
.-me-075 {
|
|
519
|
-
|
|
511
|
+
margin-inline-end: -0.75rem !important;
|
|
520
512
|
}
|
|
521
513
|
|
|
522
514
|
.-me-1 {
|
|
523
|
-
|
|
515
|
+
margin-inline-end: -1rem !important;
|
|
524
516
|
}
|
|
525
517
|
|
|
526
518
|
.-me-2 {
|
|
527
|
-
|
|
519
|
+
margin-inline-end: -2rem !important;
|
|
528
520
|
}
|
|
529
521
|
|
|
530
522
|
.-me-3 {
|
|
531
|
-
|
|
523
|
+
margin-inline-end: -3rem !important;
|
|
532
524
|
}
|
|
533
525
|
|
|
534
526
|
.-me-4 {
|
|
535
|
-
|
|
527
|
+
margin-inline-end: -4rem !important;
|
|
536
528
|
}
|
|
537
529
|
|
|
538
530
|
.pb-0 {
|
|
539
|
-
|
|
531
|
+
padding-bottom: 0rem !important;
|
|
540
532
|
}
|
|
541
533
|
|
|
542
534
|
.pb-1 {
|
|
543
|
-
|
|
535
|
+
padding-bottom: 1rem !important;
|
|
544
536
|
}
|
|
545
537
|
|
|
546
538
|
.pb-2 {
|
|
547
|
-
|
|
539
|
+
padding-bottom: 2rem !important;
|
|
548
540
|
}
|
|
549
541
|
|
|
550
542
|
.pb-3 {
|
|
551
|
-
|
|
543
|
+
padding-bottom: 3rem !important;
|
|
552
544
|
}
|
|
553
545
|
|
|
554
546
|
.pb-4 {
|
|
555
|
-
|
|
547
|
+
padding-bottom: 4rem !important;
|
|
556
548
|
}
|
|
557
549
|
|
|
558
550
|
.pb-075 {
|
|
559
|
-
|
|
551
|
+
padding-bottom: 0.75rem !important;
|
|
560
552
|
}
|
|
561
553
|
|
|
562
554
|
.pb-05 {
|
|
563
|
-
|
|
555
|
+
padding-bottom: 0.5rem !important;
|
|
564
556
|
}
|
|
565
557
|
|
|
566
558
|
.pb-025 {
|
|
567
|
-
|
|
559
|
+
padding-bottom: 0.25rem !important;
|
|
568
560
|
}
|
|
569
561
|
|
|
570
562
|
.pt-0 {
|
|
571
|
-
|
|
563
|
+
padding-top: 0rem !important;
|
|
572
564
|
}
|
|
573
565
|
|
|
574
566
|
.pt-1 {
|
|
575
|
-
|
|
567
|
+
padding-top: 1rem !important;
|
|
576
568
|
}
|
|
577
569
|
|
|
578
570
|
.pt-2 {
|
|
579
|
-
|
|
571
|
+
padding-top: 2rem !important;
|
|
580
572
|
}
|
|
581
573
|
|
|
582
574
|
.pt-3 {
|
|
583
|
-
|
|
575
|
+
padding-top: 3rem !important;
|
|
584
576
|
}
|
|
585
577
|
|
|
586
578
|
.pt-4 {
|
|
587
|
-
|
|
579
|
+
padding-top: 4rem !important;
|
|
588
580
|
}
|
|
589
581
|
|
|
590
582
|
.pt-075 {
|
|
591
|
-
|
|
583
|
+
padding-top: 0.75rem !important;
|
|
592
584
|
}
|
|
593
585
|
|
|
594
586
|
.pt-05 {
|
|
595
|
-
|
|
587
|
+
padding-top: 0.5rem !important;
|
|
596
588
|
}
|
|
597
589
|
|
|
598
590
|
.pt-025 {
|
|
599
|
-
|
|
591
|
+
padding-top: 0.25rem !important;
|
|
600
592
|
}
|
|
601
593
|
|
|
602
594
|
.ps-0 {
|
|
603
|
-
|
|
595
|
+
padding-inline-start: 0rem !important;
|
|
604
596
|
}
|
|
605
597
|
|
|
606
598
|
.ps-1 {
|
|
607
|
-
|
|
599
|
+
padding-inline-start: 1rem !important;
|
|
608
600
|
}
|
|
609
601
|
|
|
610
602
|
.ps-2 {
|
|
611
|
-
|
|
603
|
+
padding-inline-start: 2rem !important;
|
|
612
604
|
}
|
|
613
605
|
|
|
614
606
|
.ps-3 {
|
|
615
|
-
|
|
607
|
+
padding-inline-start: 3rem !important;
|
|
616
608
|
}
|
|
617
609
|
|
|
618
610
|
.ps-4 {
|
|
619
|
-
|
|
611
|
+
padding-inline-start: 4rem !important;
|
|
620
612
|
}
|
|
621
613
|
|
|
622
614
|
.ps-075 {
|
|
623
|
-
|
|
615
|
+
padding-inline-start: 0.75rem !important;
|
|
624
616
|
}
|
|
625
617
|
|
|
626
618
|
.ps-05 {
|
|
627
|
-
|
|
619
|
+
padding-inline-start: 0.5rem !important;
|
|
628
620
|
}
|
|
629
621
|
|
|
630
622
|
.ps-025 {
|
|
631
|
-
|
|
623
|
+
padding-inline-start: 0.25rem !important;
|
|
632
624
|
}
|
|
633
625
|
|
|
634
626
|
.pe-0 {
|
|
635
|
-
|
|
627
|
+
padding-inline-end: 0rem !important;
|
|
636
628
|
}
|
|
637
629
|
|
|
638
630
|
.pe-1 {
|
|
639
|
-
|
|
631
|
+
padding-inline-end: 1rem !important;
|
|
640
632
|
}
|
|
641
633
|
|
|
642
634
|
.pe-2 {
|
|
643
|
-
|
|
635
|
+
padding-inline-end: 2rem !important;
|
|
644
636
|
}
|
|
645
637
|
|
|
646
638
|
.pe-3 {
|
|
647
|
-
|
|
639
|
+
padding-inline-end: 3rem !important;
|
|
648
640
|
}
|
|
649
641
|
|
|
650
642
|
.pe-4 {
|
|
651
|
-
|
|
643
|
+
padding-inline-end: 4rem !important;
|
|
652
644
|
}
|
|
653
645
|
|
|
654
646
|
.pe-075 {
|
|
655
|
-
|
|
647
|
+
padding-inline-end: 0.75rem !important;
|
|
656
648
|
}
|
|
657
649
|
|
|
658
650
|
.pe-05 {
|
|
659
|
-
|
|
651
|
+
padding-inline-end: 0.5rem !important;
|
|
660
652
|
}
|
|
661
653
|
|
|
662
654
|
.pe-025 {
|
|
663
|
-
|
|
655
|
+
padding-inline-end: 0.25rem !important;
|
|
664
656
|
}
|
|
665
657
|
|
|
666
658
|
.flex {
|
|
667
|
-
|
|
668
|
-
|
|
659
|
+
display: flex;
|
|
660
|
+
align-items: center;
|
|
669
661
|
}
|
|
670
662
|
|
|
671
663
|
.flex-stretch {
|
|
672
|
-
|
|
673
|
-
|
|
664
|
+
display: flex;
|
|
665
|
+
align-items: stretch;
|
|
674
666
|
}
|
|
675
667
|
|
|
676
668
|
.flex-wrap {
|
|
677
|
-
|
|
669
|
+
flex-wrap: wrap;
|
|
678
670
|
}
|
|
679
671
|
|
|
680
672
|
.flex-end {
|
|
681
|
-
|
|
673
|
+
justify-content: flex-end;
|
|
682
674
|
}
|
|
683
675
|
|
|
684
676
|
.space-between {
|
|
685
|
-
|
|
677
|
+
justify-content: space-between;
|
|
686
678
|
}
|
|
687
679
|
|
|
688
|
-
label,
|
|
689
680
|
.label {
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
681
|
+
display: block;
|
|
682
|
+
font-size: var(--label-font-size);
|
|
683
|
+
margin-bottom: 2px;
|
|
684
|
+
line-height: 1.3;
|
|
685
|
+
color: var(--label-color);
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
|
|
689
|
+
|
|
690
|
+
.h-10 {
|
|
691
|
+
height: 10%;
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
.vh-10 {
|
|
695
|
+
height: 10vh;
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
.h-10px {
|
|
699
|
+
height: 10px;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
.h-20 {
|
|
703
|
+
height: 20%;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.vh-20 {
|
|
707
|
+
height: 20vh;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
.h-20px {
|
|
711
|
+
height: 20px;
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.h-30 {
|
|
715
|
+
height: 30%;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
.vh-30 {
|
|
719
|
+
height: 30vh;
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
.h-30px {
|
|
723
|
+
height: 30px;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.h-40 {
|
|
727
|
+
height: 40%;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
.vh-40 {
|
|
731
|
+
height: 40vh;
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
.h-40px {
|
|
735
|
+
height: 40px;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.h-50 {
|
|
739
|
+
height: 50%;
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
.vh-50 {
|
|
743
|
+
height: 50vh;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
.h-50px {
|
|
747
|
+
height: 50px;
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
.h-60 {
|
|
751
|
+
height: 60%;
|
|
752
|
+
}
|
|
753
|
+
|
|
754
|
+
.vh-60 {
|
|
755
|
+
height: 60vh;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
.h-60px {
|
|
759
|
+
height: 60px;
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
.h-70 {
|
|
763
|
+
height: 70%;
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
.vh-70 {
|
|
767
|
+
height: 70vh;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
.h-70px {
|
|
771
|
+
height: 70px;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
.h-80 {
|
|
775
|
+
height: 80%;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
.vh-80 {
|
|
779
|
+
height: 80vh;
|
|
780
|
+
}
|
|
781
|
+
|
|
782
|
+
.h-80px {
|
|
783
|
+
height: 80px;
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.h-90 {
|
|
787
|
+
height: 90%;
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.vh-90 {
|
|
791
|
+
height: 90vh;
|
|
792
|
+
}
|
|
793
|
+
|
|
794
|
+
.h-90px {
|
|
795
|
+
height: 90px;
|
|
796
|
+
}
|
|
797
|
+
|
|
798
|
+
|
|
799
|
+
.h-100 {
|
|
800
|
+
height: 100%;
|
|
695
801
|
}
|
|
802
|
+
|
|
803
|
+
.vh-100 {
|
|
804
|
+
height: 100vh;
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
.h-100px {
|
|
808
|
+
height: 100px;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.h-150 {
|
|
812
|
+
height: 150%;
|
|
813
|
+
}
|
|
814
|
+
|
|
815
|
+
.vh-150 {
|
|
816
|
+
height: 150vh;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
.h-150px {
|
|
820
|
+
height: 150px;
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
.h-200 {
|
|
824
|
+
height: 200%;
|
|
825
|
+
}
|
|
826
|
+
|
|
827
|
+
.vh-200 {
|
|
828
|
+
height: 200vh;
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.h-200px {
|
|
832
|
+
height: 200px;
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
.h-300 {
|
|
836
|
+
height: 300%;
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
.vh-300 {
|
|
840
|
+
height: 300vh;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
.h-300px {
|
|
844
|
+
height: 300px;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.h-400 {
|
|
848
|
+
height: 400%;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
.vh-400 {
|
|
852
|
+
height: 400vh;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
.h-400px {
|
|
856
|
+
height: 400px;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
.h-500 {
|
|
860
|
+
height: 500%;
|
|
861
|
+
}
|
|
862
|
+
|
|
863
|
+
.vh-500 {
|
|
864
|
+
height: 500vh;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
.h-500px {
|
|
868
|
+
height: 500px;
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
.h-600 {
|
|
872
|
+
height: 600%;
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
.vh-600 {
|
|
876
|
+
height: 600vh;
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
.h-600px {
|
|
880
|
+
height: 600px;
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
.grid-wrap-1 {
|
|
884
|
+
grid-template-columns: repeat(1, 1fr);
|
|
885
|
+
height: max-content;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.grid-wrap-2 {
|
|
889
|
+
grid-template-columns: repeat(2, 1fr);
|
|
890
|
+
height: max-content;
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
.grid-wrap-3 {
|
|
894
|
+
grid-template-columns: repeat(3, 1fr);
|
|
895
|
+
height: max-content;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.grid-wrap-4 {
|
|
899
|
+
grid-template-columns: repeat(4, 1fr);
|
|
900
|
+
height: max-content;
|
|
901
|
+
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
.grid-wrap-5 {
|
|
905
|
+
grid-template-columns: repeat(5, 1fr);
|
|
906
|
+
height: max-content;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.grid-wrap-6 {
|
|
910
|
+
grid-template-columns: repeat(6, 1fr);
|
|
911
|
+
height: max-content;
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
.grid-wrap-7 {
|
|
915
|
+
grid-template-columns: repeat(7, 1fr);
|
|
916
|
+
height: max-content;
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.grid-wrap-8 {
|
|
920
|
+
grid-template-columns: repeat(8, 1fr);
|
|
921
|
+
height: max-content;
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
/* grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); */
|
|
925
|
+
@media screen and (max-width: 910px) {
|
|
926
|
+
.grid-wrap-2 {
|
|
927
|
+
grid-template-columns: repeat(1, 1fr);
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
.grid-wrap-3 {
|
|
931
|
+
grid-template-columns: repeat(1, 1fr);
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.grid-wrap-4 {
|
|
935
|
+
grid-template-columns: repeat(1, 1fr);
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.grid-wrap-5 {
|
|
939
|
+
grid-template-columns: repeat(1, 1fr);
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.grid-wrap-6 {
|
|
943
|
+
grid-template-columns: repeat(2, 1fr);
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
.grid-wrap-7 {
|
|
947
|
+
grid-template-columns: repeat(3, 1fr);
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
.grid-wrap-8 {
|
|
951
|
+
grid-template-columns: repeat(4, 1fr);
|
|
952
|
+
}
|
|
953
|
+
}
|