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