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