@semanticus/semanticus-css 0.3.0

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.
Files changed (122) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE +53 -0
  3. package/README.md +151 -0
  4. package/dist/semanticus-semantics.css +2 -0
  5. package/dist/semanticus-utilities.css +7 -0
  6. package/dist/semanticus-variants.css +1 -0
  7. package/dist/semanticus.css +7 -0
  8. package/dist/semanticus.palette.amber.css +1 -0
  9. package/dist/semanticus.palette.blue.css +1 -0
  10. package/dist/semanticus.palette.cyan.css +1 -0
  11. package/dist/semanticus.palette.fuchsia.css +1 -0
  12. package/dist/semanticus.palette.green.css +1 -0
  13. package/dist/semanticus.palette.grey.css +1 -0
  14. package/dist/semanticus.palette.indigo.css +1 -0
  15. package/dist/semanticus.palette.jade.css +1 -0
  16. package/dist/semanticus.palette.lime.css +1 -0
  17. package/dist/semanticus.palette.orange.css +1 -0
  18. package/dist/semanticus.palette.pink.css +1 -0
  19. package/dist/semanticus.palette.pumpkin.css +1 -0
  20. package/dist/semanticus.palette.purple.css +1 -0
  21. package/dist/semanticus.palette.red.css +1 -0
  22. package/dist/semanticus.palette.sand.css +1 -0
  23. package/dist/semanticus.palette.slate.css +1 -0
  24. package/dist/semanticus.palette.violet.css +1 -0
  25. package/dist/semanticus.palette.yellow.css +1 -0
  26. package/dist/semanticus.palette.zinc.css +1 -0
  27. package/dist/semanticus.size.slim.css +1 -0
  28. package/package.json +102 -0
  29. package/src/_normalize.css +214 -0
  30. package/src/_variables.css +863 -0
  31. package/src/index.css +20 -0
  32. package/src/palettes/amber.css +56 -0
  33. package/src/palettes/blue.css +56 -0
  34. package/src/palettes/cyan.css +56 -0
  35. package/src/palettes/fuchsia.css +56 -0
  36. package/src/palettes/green.css +56 -0
  37. package/src/palettes/grey.css +56 -0
  38. package/src/palettes/indigo.css +56 -0
  39. package/src/palettes/jade.css +56 -0
  40. package/src/palettes/lime.css +56 -0
  41. package/src/palettes/orange.css +56 -0
  42. package/src/palettes/pink.css +56 -0
  43. package/src/palettes/pumpkin.css +56 -0
  44. package/src/palettes/purple.css +56 -0
  45. package/src/palettes/red.css +56 -0
  46. package/src/palettes/sand.css +56 -0
  47. package/src/palettes/slate.css +56 -0
  48. package/src/palettes/violet.css +56 -0
  49. package/src/palettes/yellow.css +56 -0
  50. package/src/palettes/zinc.css +56 -0
  51. package/src/semantics/_aria-busy.css +34 -0
  52. package/src/semantics/_article.css +6 -0
  53. package/src/semantics/_body.css +10 -0
  54. package/src/semantics/_button.css +106 -0
  55. package/src/semantics/_code.css +50 -0
  56. package/src/semantics/_details.css +292 -0
  57. package/src/semantics/_dialog.css +163 -0
  58. package/src/semantics/_document.css +18 -0
  59. package/src/semantics/_embedded.css +41 -0
  60. package/src/semantics/_figure.css +13 -0
  61. package/src/semantics/_hidden.css +7 -0
  62. package/src/semantics/_hr.css +10 -0
  63. package/src/semantics/_input.css +306 -0
  64. package/src/semantics/_links.css +33 -0
  65. package/src/semantics/_main.css +3 -0
  66. package/src/semantics/_nav.css +116 -0
  67. package/src/semantics/_progress.css +62 -0
  68. package/src/semantics/_role-group-search.css +129 -0
  69. package/src/semantics/_role-toolbar.css +17 -0
  70. package/src/semantics/_role-tooltip.css +138 -0
  71. package/src/semantics/_section.css +6 -0
  72. package/src/semantics/_table.css +28 -0
  73. package/src/semantics/_type-checkbox-radio.css +142 -0
  74. package/src/semantics/_type-color.css +22 -0
  75. package/src/semantics/_type-date.css +40 -0
  76. package/src/semantics/_type-file.css +26 -0
  77. package/src/semantics/_type-range.css +90 -0
  78. package/src/semantics/_type-search.css +34 -0
  79. package/src/semantics/_typography.css +137 -0
  80. package/src/semantics/index.css +14 -0
  81. package/src/semantics/modules.css +35 -0
  82. package/src/sizes/slim.css +12 -0
  83. package/src/utilities/_variables.css +244 -0
  84. package/src/utilities/borders/_border-radius.css +216 -0
  85. package/src/utilities/borders/_border-style.css +39 -0
  86. package/src/utilities/borders/_border-width.css +39 -0
  87. package/src/utilities/colors/_background-colors.css +209 -0
  88. package/src/utilities/colors/_border-colors.css +69 -0
  89. package/src/utilities/colors/_text-colors.css +371 -0
  90. package/src/utilities/display/_display.css +259 -0
  91. package/src/utilities/display/_overflow.css +47 -0
  92. package/src/utilities/display/_visibility.css +27 -0
  93. package/src/utilities/effects/_opacity.css +19 -0
  94. package/src/utilities/effects/_shadows.css +48 -0
  95. package/src/utilities/effects/_transforms.css +11 -0
  96. package/src/utilities/index.css +14 -0
  97. package/src/utilities/layout/_flexbox.css +846 -0
  98. package/src/utilities/layout/_grid.css +51 -0
  99. package/src/utilities/layout/_misc.css +77 -0
  100. package/src/utilities/media/_object-fit.css +139 -0
  101. package/src/utilities/modules.css +56 -0
  102. package/src/utilities/positioning/_floats.css +72 -0
  103. package/src/utilities/positioning/_inset.css +47 -0
  104. package/src/utilities/positioning/_position.css +108 -0
  105. package/src/utilities/positioning/_z-index.css +19 -0
  106. package/src/utilities/sizing/_height.css +31 -0
  107. package/src/utilities/sizing/_width.css +31 -0
  108. package/src/utilities/spacing/_gap.css +393 -0
  109. package/src/utilities/spacing/_margin.css +1030 -0
  110. package/src/utilities/spacing/_padding.css +885 -0
  111. package/src/utilities/typography/_font-family.css +7 -0
  112. package/src/utilities/typography/_font-sizes.css +38 -0
  113. package/src/utilities/typography/_font-weight.css +51 -0
  114. package/src/utilities/typography/_text-alignment.css +141 -0
  115. package/src/variants/_card.css +41 -0
  116. package/src/variants/_container.css +36 -0
  117. package/src/variants/_contrast.css +50 -0
  118. package/src/variants/_ghost.css +58 -0
  119. package/src/variants/_secondary.css +38 -0
  120. package/src/variants/_striped.css +10 -0
  121. package/src/variants/index.css +6 -0
  122. package/src/variants/modules.css +12 -0
package/src/utilities/spacing/_padding.css ADDED
@@ -0,0 +1,885 @@
1
+ .p-0 {
2
+ padding: 0 !important;
3
+ }
4
+
5
+ .p-1 {
6
+ padding: var(--spacer-1) !important;
7
+ }
8
+
9
+ .p-2 {
10
+ padding: var(--spacer-2) !important;
11
+ }
12
+
13
+ .p-3 {
14
+ padding: var(--spacer-3) !important;
15
+ }
16
+
17
+ .p-4 {
18
+ padding: var(--spacer-4) !important;
19
+ }
20
+
21
+ .p-5 {
22
+ padding: var(--spacer-5) !important;
23
+ }
24
+
25
+ .px-0 {
26
+ padding-right: 0 !important;
27
+ padding-left: 0 !important;
28
+ }
29
+
30
+ .px-1 {
31
+ padding-right: var(--spacer-1) !important;
32
+ padding-left: var(--spacer-1) !important;
33
+ }
34
+
35
+ .px-2 {
36
+ padding-right: var(--spacer-2) !important;
37
+ padding-left: var(--spacer-2) !important;
38
+ }
39
+
40
+ .px-3 {
41
+ padding-right: var(--spacer-3) !important;
42
+ padding-left: var(--spacer-3) !important;
43
+ }
44
+
45
+ .px-4 {
46
+ padding-right: var(--spacer-4) !important;
47
+ padding-left: var(--spacer-4) !important;
48
+ }
49
+
50
+ .px-5 {
51
+ padding-right: var(--spacer-5) !important;
52
+ padding-left: var(--spacer-5) !important;
53
+ }
54
+
55
+ .py-0 {
56
+ padding-top: 0 !important;
57
+ padding-bottom: 0 !important;
58
+ }
59
+
60
+ .py-1 {
61
+ padding-top: var(--spacer-1) !important;
62
+ padding-bottom: var(--spacer-1) !important;
63
+ }
64
+
65
+ .py-2 {
66
+ padding-top: var(--spacer-2) !important;
67
+ padding-bottom: var(--spacer-2) !important;
68
+ }
69
+
70
+ .py-3 {
71
+ padding-top: var(--spacer-3) !important;
72
+ padding-bottom: var(--spacer-3) !important;
73
+ }
74
+
75
+ .py-4 {
76
+ padding-top: var(--spacer-4) !important;
77
+ padding-bottom: var(--spacer-4) !important;
78
+ }
79
+
80
+ .py-5 {
81
+ padding-top: var(--spacer-5) !important;
82
+ padding-bottom: var(--spacer-5) !important;
83
+ }
84
+
85
+ .pt-0 {
86
+ padding-top: 0 !important;
87
+ }
88
+
89
+ .pt-1 {
90
+ padding-top: var(--spacer-1) !important;
91
+ }
92
+
93
+ .pt-2 {
94
+ padding-top: var(--spacer-2) !important;
95
+ }
96
+
97
+ .pt-3 {
98
+ padding-top: var(--spacer-3) !important;
99
+ }
100
+
101
+ .pt-4 {
102
+ padding-top: var(--spacer-4) !important;
103
+ }
104
+
105
+ .pt-5 {
106
+ padding-top: var(--spacer-5) !important;
107
+ }
108
+
109
+ .pe-0 {
110
+ padding-right: 0 !important;
111
+ }
112
+
113
+ .pe-1 {
114
+ padding-right: var(--spacer-1) !important;
115
+ }
116
+
117
+ .pe-2 {
118
+ padding-right: var(--spacer-2) !important;
119
+ }
120
+
121
+ .pe-3 {
122
+ padding-right: var(--spacer-3) !important;
123
+ }
124
+
125
+ .pe-4 {
126
+ padding-right: var(--spacer-4) !important;
127
+ }
128
+
129
+ .pe-5 {
130
+ padding-right: var(--spacer-5) !important;
131
+ }
132
+
133
+ .pb-0 {
134
+ padding-bottom: 0 !important;
135
+ }
136
+
137
+ .pb-1 {
138
+ padding-bottom: var(--spacer-1) !important;
139
+ }
140
+
141
+ .pb-2 {
142
+ padding-bottom: var(--spacer-2) !important;
143
+ }
144
+
145
+ .pb-3 {
146
+ padding-bottom: var(--spacer-3) !important;
147
+ }
148
+
149
+ .pb-4 {
150
+ padding-bottom: var(--spacer-4) !important;
151
+ }
152
+
153
+ .pb-5 {
154
+ padding-bottom: var(--spacer-5) !important;
155
+ }
156
+
157
+ .ps-0 {
158
+ padding-left: 0 !important;
159
+ }
160
+
161
+ .ps-1 {
162
+ padding-left: var(--spacer-1) !important;
163
+ }
164
+
165
+ .ps-2 {
166
+ padding-left: var(--spacer-2) !important;
167
+ }
168
+
169
+ .ps-3 {
170
+ padding-left: var(--spacer-3) !important;
171
+ }
172
+
173
+ .ps-4 {
174
+ padding-left: var(--spacer-4) !important;
175
+ }
176
+
177
+ .ps-5 {
178
+ padding-left: var(--spacer-5) !important;
179
+ }
180
+
181
+ @media (min-width: 576px) {
182
+ .p-sm-0 {
183
+ padding: 0 !important;
184
+ }
185
+ .p-sm-1 {
186
+ padding: var(--spacer-1) !important;
187
+ }
188
+ .p-sm-2 {
189
+ padding: var(--spacer-2) !important;
190
+ }
191
+ .p-sm-3 {
192
+ padding: var(--spacer-3) !important;
193
+ }
194
+ .p-sm-4 {
195
+ padding: var(--spacer-4) !important;
196
+ }
197
+ .p-sm-5 {
198
+ padding: var(--spacer-5) !important;
199
+ }
200
+ .px-sm-0 {
201
+ padding-right: 0 !important;
202
+ padding-left: 0 !important;
203
+ }
204
+ .px-sm-1 {
205
+ padding-right: var(--spacer-1) !important;
206
+ padding-left: var(--spacer-1) !important;
207
+ }
208
+ .px-sm-2 {
209
+ padding-right: var(--spacer-2) !important;
210
+ padding-left: var(--spacer-2) !important;
211
+ }
212
+ .px-sm-3 {
213
+ padding-right: var(--spacer-3) !important;
214
+ padding-left: var(--spacer-3) !important;
215
+ }
216
+ .px-sm-4 {
217
+ padding-right: var(--spacer-4) !important;
218
+ padding-left: var(--spacer-4) !important;
219
+ }
220
+ .px-sm-5 {
221
+ padding-right: var(--spacer-5) !important;
222
+ padding-left: var(--spacer-5) !important;
223
+ }
224
+ .py-sm-0 {
225
+ padding-top: 0 !important;
226
+ padding-bottom: 0 !important;
227
+ }
228
+ .py-sm-1 {
229
+ padding-top: var(--spacer-1) !important;
230
+ padding-bottom: var(--spacer-1) !important;
231
+ }
232
+ .py-sm-2 {
233
+ padding-top: var(--spacer-2) !important;
234
+ padding-bottom: var(--spacer-2) !important;
235
+ }
236
+ .py-sm-3 {
237
+ padding-top: var(--spacer-3) !important;
238
+ padding-bottom: var(--spacer-3) !important;
239
+ }
240
+ .py-sm-4 {
241
+ padding-top: var(--spacer-4) !important;
242
+ padding-bottom: var(--spacer-4) !important;
243
+ }
244
+ .py-sm-5 {
245
+ padding-top: var(--spacer-5) !important;
246
+ padding-bottom: var(--spacer-5) !important;
247
+ }
248
+ .pt-sm-0 {
249
+ padding-top: 0 !important;
250
+ }
251
+ .pt-sm-1 {
252
+ padding-top: var(--spacer-1) !important;
253
+ }
254
+ .pt-sm-2 {
255
+ padding-top: var(--spacer-2) !important;
256
+ }
257
+ .pt-sm-3 {
258
+ padding-top: var(--spacer-3) !important;
259
+ }
260
+ .pt-sm-4 {
261
+ padding-top: var(--spacer-4) !important;
262
+ }
263
+ .pt-sm-5 {
264
+ padding-top: var(--spacer-5) !important;
265
+ }
266
+ .pe-sm-0 {
267
+ padding-right: 0 !important;
268
+ }
269
+ .pe-sm-1 {
270
+ padding-right: var(--spacer-1) !important;
271
+ }
272
+ .pe-sm-2 {
273
+ padding-right: var(--spacer-2) !important;
274
+ }
275
+ .pe-sm-3 {
276
+ padding-right: var(--spacer-3) !important;
277
+ }
278
+ .pe-sm-4 {
279
+ padding-right: var(--spacer-4) !important;
280
+ }
281
+ .pe-sm-5 {
282
+ padding-right: var(--spacer-5) !important;
283
+ }
284
+ .pb-sm-0 {
285
+ padding-bottom: 0 !important;
286
+ }
287
+ .pb-sm-1 {
288
+ padding-bottom: var(--spacer-1) !important;
289
+ }
290
+ .pb-sm-2 {
291
+ padding-bottom: var(--spacer-2) !important;
292
+ }
293
+ .pb-sm-3 {
294
+ padding-bottom: var(--spacer-3) !important;
295
+ }
296
+ .pb-sm-4 {
297
+ padding-bottom: var(--spacer-4) !important;
298
+ }
299
+ .pb-sm-5 {
300
+ padding-bottom: var(--spacer-5) !important;
301
+ }
302
+ .ps-sm-0 {
303
+ padding-left: 0 !important;
304
+ }
305
+ .ps-sm-1 {
306
+ padding-left: var(--spacer-1) !important;
307
+ }
308
+ .ps-sm-2 {
309
+ padding-left: var(--spacer-2) !important;
310
+ }
311
+ .ps-sm-3 {
312
+ padding-left: var(--spacer-3) !important;
313
+ }
314
+ .ps-sm-4 {
315
+ padding-left: var(--spacer-4) !important;
316
+ }
317
+ .ps-sm-5 {
318
+ padding-left: var(--spacer-5) !important;
319
+ }
320
+ }
321
+
322
+ @media (min-width: 768px) {
323
+ .p-md-0 {
324
+ padding: 0 !important;
325
+ }
326
+ .p-md-1 {
327
+ padding: var(--spacer-1) !important;
328
+ }
329
+ .p-md-2 {
330
+ padding: var(--spacer-2) !important;
331
+ }
332
+ .p-md-3 {
333
+ padding: var(--spacer-3) !important;
334
+ }
335
+ .p-md-4 {
336
+ padding: var(--spacer-4) !important;
337
+ }
338
+ .p-md-5 {
339
+ padding: var(--spacer-5) !important;
340
+ }
341
+ .px-md-0 {
342
+ padding-right: 0 !important;
343
+ padding-left: 0 !important;
344
+ }
345
+ .px-md-1 {
346
+ padding-right: var(--spacer-1) !important;
347
+ padding-left: var(--spacer-1) !important;
348
+ }
349
+ .px-md-2 {
350
+ padding-right: var(--spacer-2) !important;
351
+ padding-left: var(--spacer-2) !important;
352
+ }
353
+ .px-md-3 {
354
+ padding-right: var(--spacer-3) !important;
355
+ padding-left: var(--spacer-3) !important;
356
+ }
357
+ .px-md-4 {
358
+ padding-right: var(--spacer-4) !important;
359
+ padding-left: var(--spacer-4) !important;
360
+ }
361
+ .px-md-5 {
362
+ padding-right: var(--spacer-5) !important;
363
+ padding-left: var(--spacer-5) !important;
364
+ }
365
+ .py-md-0 {
366
+ padding-top: 0 !important;
367
+ padding-bottom: 0 !important;
368
+ }
369
+ .py-md-1 {
370
+ padding-top: var(--spacer-1) !important;
371
+ padding-bottom: var(--spacer-1) !important;
372
+ }
373
+ .py-md-2 {
374
+ padding-top: var(--spacer-2) !important;
375
+ padding-bottom: var(--spacer-2) !important;
376
+ }
377
+ .py-md-3 {
378
+ padding-top: var(--spacer-3) !important;
379
+ padding-bottom: var(--spacer-3) !important;
380
+ }
381
+ .py-md-4 {
382
+ padding-top: var(--spacer-4) !important;
383
+ padding-bottom: var(--spacer-4) !important;
384
+ }
385
+ .py-md-5 {
386
+ padding-top: var(--spacer-5) !important;
387
+ padding-bottom: var(--spacer-5) !important;
388
+ }
389
+ .pt-md-0 {
390
+ padding-top: 0 !important;
391
+ }
392
+ .pt-md-1 {
393
+ padding-top: var(--spacer-1) !important;
394
+ }
395
+ .pt-md-2 {
396
+ padding-top: var(--spacer-2) !important;
397
+ }
398
+ .pt-md-3 {
399
+ padding-top: var(--spacer-3) !important;
400
+ }
401
+ .pt-md-4 {
402
+ padding-top: var(--spacer-4) !important;
403
+ }
404
+ .pt-md-5 {
405
+ padding-top: var(--spacer-5) !important;
406
+ }
407
+ .pe-md-0 {
408
+ padding-right: 0 !important;
409
+ }
410
+ .pe-md-1 {
411
+ padding-right: var(--spacer-1) !important;
412
+ }
413
+ .pe-md-2 {
414
+ padding-right: var(--spacer-2) !important;
415
+ }
416
+ .pe-md-3 {
417
+ padding-right: var(--spacer-3) !important;
418
+ }
419
+ .pe-md-4 {
420
+ padding-right: var(--spacer-4) !important;
421
+ }
422
+ .pe-md-5 {
423
+ padding-right: var(--spacer-5) !important;
424
+ }
425
+ .pb-md-0 {
426
+ padding-bottom: 0 !important;
427
+ }
428
+ .pb-md-1 {
429
+ padding-bottom: var(--spacer-1) !important;
430
+ }
431
+ .pb-md-2 {
432
+ padding-bottom: var(--spacer-2) !important;
433
+ }
434
+ .pb-md-3 {
435
+ padding-bottom: var(--spacer-3) !important;
436
+ }
437
+ .pb-md-4 {
438
+ padding-bottom: var(--spacer-4) !important;
439
+ }
440
+ .pb-md-5 {
441
+ padding-bottom: var(--spacer-5) !important;
442
+ }
443
+ .ps-md-0 {
444
+ padding-left: 0 !important;
445
+ }
446
+ .ps-md-1 {
447
+ padding-left: var(--spacer-1) !important;
448
+ }
449
+ .ps-md-2 {
450
+ padding-left: var(--spacer-2) !important;
451
+ }
452
+ .ps-md-3 {
453
+ padding-left: var(--spacer-3) !important;
454
+ }
455
+ .ps-md-4 {
456
+ padding-left: var(--spacer-4) !important;
457
+ }
458
+ .ps-md-5 {
459
+ padding-left: var(--spacer-5) !important;
460
+ }
461
+ }
462
+
463
+ @media (min-width: 992px) {
464
+ .p-lg-0 {
465
+ padding: 0 !important;
466
+ }
467
+ .p-lg-1 {
468
+ padding: var(--spacer-1) !important;
469
+ }
470
+ .p-lg-2 {
471
+ padding: var(--spacer-2) !important;
472
+ }
473
+ .p-lg-3 {
474
+ padding: var(--spacer-3) !important;
475
+ }
476
+ .p-lg-4 {
477
+ padding: var(--spacer-4) !important;
478
+ }
479
+ .p-lg-5 {
480
+ padding: var(--spacer-5) !important;
481
+ }
482
+ .px-lg-0 {
483
+ padding-right: 0 !important;
484
+ padding-left: 0 !important;
485
+ }
486
+ .px-lg-1 {
487
+ padding-right: var(--spacer-1) !important;
488
+ padding-left: var(--spacer-1) !important;
489
+ }
490
+ .px-lg-2 {
491
+ padding-right: var(--spacer-2) !important;
492
+ padding-left: var(--spacer-2) !important;
493
+ }
494
+ .px-lg-3 {
495
+ padding-right: var(--spacer-3) !important;
496
+ padding-left: var(--spacer-3) !important;
497
+ }
498
+ .px-lg-4 {
499
+ padding-right: var(--spacer-4) !important;
500
+ padding-left: var(--spacer-4) !important;
501
+ }
502
+ .px-lg-5 {
503
+ padding-right: var(--spacer-5) !important;
504
+ padding-left: var(--spacer-5) !important;
505
+ }
506
+ .py-lg-0 {
507
+ padding-top: 0 !important;
508
+ padding-bottom: 0 !important;
509
+ }
510
+ .py-lg-1 {
511
+ padding-top: var(--spacer-1) !important;
512
+ padding-bottom: var(--spacer-1) !important;
513
+ }
514
+ .py-lg-2 {
515
+ padding-top: var(--spacer-2) !important;
516
+ padding-bottom: var(--spacer-2) !important;
517
+ }
518
+ .py-lg-3 {
519
+ padding-top: var(--spacer-3) !important;
520
+ padding-bottom: var(--spacer-3) !important;
521
+ }
522
+ .py-lg-4 {
523
+ padding-top: var(--spacer-4) !important;
524
+ padding-bottom: var(--spacer-4) !important;
525
+ }
526
+ .py-lg-5 {
527
+ padding-top: var(--spacer-5) !important;
528
+ padding-bottom: var(--spacer-5) !important;
529
+ }
530
+ .pt-lg-0 {
531
+ padding-top: 0 !important;
532
+ }
533
+ .pt-lg-1 {
534
+ padding-top: var(--spacer-1) !important;
535
+ }
536
+ .pt-lg-2 {
537
+ padding-top: var(--spacer-2) !important;
538
+ }
539
+ .pt-lg-3 {
540
+ padding-top: var(--spacer-3) !important;
541
+ }
542
+ .pt-lg-4 {
543
+ padding-top: var(--spacer-4) !important;
544
+ }
545
+ .pt-lg-5 {
546
+ padding-top: var(--spacer-5) !important;
547
+ }
548
+ .pe-lg-0 {
549
+ padding-right: 0 !important;
550
+ }
551
+ .pe-lg-1 {
552
+ padding-right: var(--spacer-1) !important;
553
+ }
554
+ .pe-lg-2 {
555
+ padding-right: var(--spacer-2) !important;
556
+ }
557
+ .pe-lg-3 {
558
+ padding-right: var(--spacer-3) !important;
559
+ }
560
+ .pe-lg-4 {
561
+ padding-right: var(--spacer-4) !important;
562
+ }
563
+ .pe-lg-5 {
564
+ padding-right: var(--spacer-5) !important;
565
+ }
566
+ .pb-lg-0 {
567
+ padding-bottom: 0 !important;
568
+ }
569
+ .pb-lg-1 {
570
+ padding-bottom: var(--spacer-1) !important;
571
+ }
572
+ .pb-lg-2 {
573
+ padding-bottom: var(--spacer-2) !important;
574
+ }
575
+ .pb-lg-3 {
576
+ padding-bottom: var(--spacer-3) !important;
577
+ }
578
+ .pb-lg-4 {
579
+ padding-bottom: var(--spacer-4) !important;
580
+ }
581
+ .pb-lg-5 {
582
+ padding-bottom: var(--spacer-5) !important;
583
+ }
584
+ .ps-lg-0 {
585
+ padding-left: 0 !important;
586
+ }
587
+ .ps-lg-1 {
588
+ padding-left: var(--spacer-1) !important;
589
+ }
590
+ .ps-lg-2 {
591
+ padding-left: var(--spacer-2) !important;
592
+ }
593
+ .ps-lg-3 {
594
+ padding-left: var(--spacer-3) !important;
595
+ }
596
+ .ps-lg-4 {
597
+ padding-left: var(--spacer-4) !important;
598
+ }
599
+ .ps-lg-5 {
600
+ padding-left: var(--spacer-5) !important;
601
+ }
602
+ }
603
+
604
+ @media (min-width: 1200px) {
605
+ .p-xl-0 {
606
+ padding: 0 !important;
607
+ }
608
+ .p-xl-1 {
609
+ padding: var(--spacer-1) !important;
610
+ }
611
+ .p-xl-2 {
612
+ padding: var(--spacer-2) !important;
613
+ }
614
+ .p-xl-3 {
615
+ padding: var(--spacer-3) !important;
616
+ }
617
+ .p-xl-4 {
618
+ padding: var(--spacer-4) !important;
619
+ }
620
+ .p-xl-5 {
621
+ padding: var(--spacer-5) !important;
622
+ }
623
+ .px-xl-0 {
624
+ padding-right: 0 !important;
625
+ padding-left: 0 !important;
626
+ }
627
+ .px-xl-1 {
628
+ padding-right: var(--spacer-1) !important;
629
+ padding-left: var(--spacer-1) !important;
630
+ }
631
+ .px-xl-2 {
632
+ padding-right: var(--spacer-2) !important;
633
+ padding-left: var(--spacer-2) !important;
634
+ }
635
+ .px-xl-3 {
636
+ padding-right: var(--spacer-3) !important;
637
+ padding-left: var(--spacer-3) !important;
638
+ }
639
+ .px-xl-4 {
640
+ padding-right: var(--spacer-4) !important;
641
+ padding-left: var(--spacer-4) !important;
642
+ }
643
+ .px-xl-5 {
644
+ padding-right: var(--spacer-5) !important;
645
+ padding-left: var(--spacer-5) !important;
646
+ }
647
+ .py-xl-0 {
648
+ padding-top: 0 !important;
649
+ padding-bottom: 0 !important;
650
+ }
651
+ .py-xl-1 {
652
+ padding-top: var(--spacer-1) !important;
653
+ padding-bottom: var(--spacer-1) !important;
654
+ }
655
+ .py-xl-2 {
656
+ padding-top: var(--spacer-2) !important;
657
+ padding-bottom: var(--spacer-2) !important;
658
+ }
659
+ .py-xl-3 {
660
+ padding-top: var(--spacer-3) !important;
661
+ padding-bottom: var(--spacer-3) !important;
662
+ }
663
+ .py-xl-4 {
664
+ padding-top: var(--spacer-4) !important;
665
+ padding-bottom: var(--spacer-4) !important;
666
+ }
667
+ .py-xl-5 {
668
+ padding-top: var(--spacer-5) !important;
669
+ padding-bottom: var(--spacer-5) !important;
670
+ }
671
+ .pt-xl-0 {
672
+ padding-top: 0 !important;
673
+ }
674
+ .pt-xl-1 {
675
+ padding-top: var(--spacer-1) !important;
676
+ }
677
+ .pt-xl-2 {
678
+ padding-top: var(--spacer-2) !important;
679
+ }
680
+ .pt-xl-3 {
681
+ padding-top: var(--spacer-3) !important;
682
+ }
683
+ .pt-xl-4 {
684
+ padding-top: var(--spacer-4) !important;
685
+ }
686
+ .pt-xl-5 {
687
+ padding-top: var(--spacer-5) !important;
688
+ }
689
+ .pe-xl-0 {
690
+ padding-right: 0 !important;
691
+ }
692
+ .pe-xl-1 {
693
+ padding-right: var(--spacer-1) !important;
694
+ }
695
+ .pe-xl-2 {
696
+ padding-right: var(--spacer-2) !important;
697
+ }
698
+ .pe-xl-3 {
699
+ padding-right: var(--spacer-3) !important;
700
+ }
701
+ .pe-xl-4 {
702
+ padding-right: var(--spacer-4) !important;
703
+ }
704
+ .pe-xl-5 {
705
+ padding-right: var(--spacer-5) !important;
706
+ }
707
+ .pb-xl-0 {
708
+ padding-bottom: 0 !important;
709
+ }
710
+ .pb-xl-1 {
711
+ padding-bottom: var(--spacer-1) !important;
712
+ }
713
+ .pb-xl-2 {
714
+ padding-bottom: var(--spacer-2) !important;
715
+ }
716
+ .pb-xl-3 {
717
+ padding-bottom: var(--spacer-3) !important;
718
+ }
719
+ .pb-xl-4 {
720
+ padding-bottom: var(--spacer-4) !important;
721
+ }
722
+ .pb-xl-5 {
723
+ padding-bottom: var(--spacer-5) !important;
724
+ }
725
+ .ps-xl-0 {
726
+ padding-left: 0 !important;
727
+ }
728
+ .ps-xl-1 {
729
+ padding-left: var(--spacer-1) !important;
730
+ }
731
+ .ps-xl-2 {
732
+ padding-left: var(--spacer-2) !important;
733
+ }
734
+ .ps-xl-3 {
735
+ padding-left: var(--spacer-3) !important;
736
+ }
737
+ .ps-xl-4 {
738
+ padding-left: var(--spacer-4) !important;
739
+ }
740
+ .ps-xl-5 {
741
+ padding-left: var(--spacer-5) !important;
742
+ }
743
+ }
744
+
745
+ @media (min-width: 1400px) {
746
+ .p-xxl-0 {
747
+ padding: 0 !important;
748
+ }
749
+ .p-xxl-1 {
750
+ padding: var(--spacer-1) !important;
751
+ }
752
+ .p-xxl-2 {
753
+ padding: var(--spacer-2) !important;
754
+ }
755
+ .p-xxl-3 {
756
+ padding: var(--spacer-3) !important;
757
+ }
758
+ .p-xxl-4 {
759
+ padding: var(--spacer-4) !important;
760
+ }
761
+ .p-xxl-5 {
762
+ padding: var(--spacer-5) !important;
763
+ }
764
+ .px-xxl-0 {
765
+ padding-right: 0 !important;
766
+ padding-left: 0 !important;
767
+ }
768
+ .px-xxl-1 {
769
+ padding-right: var(--spacer-1) !important;
770
+ padding-left: var(--spacer-1) !important;
771
+ }
772
+ .px-xxl-2 {
773
+ padding-right: var(--spacer-2) !important;
774
+ padding-left: var(--spacer-2) !important;
775
+ }
776
+ .px-xxl-3 {
777
+ padding-right: var(--spacer-3) !important;
778
+ padding-left: var(--spacer-3) !important;
779
+ }
780
+ .px-xxl-4 {
781
+ padding-right: var(--spacer-4) !important;
782
+ padding-left: var(--spacer-4) !important;
783
+ }
784
+ .px-xxl-5 {
785
+ padding-right: var(--spacer-5) !important;
786
+ padding-left: var(--spacer-5) !important;
787
+ }
788
+ .py-xxl-0 {
789
+ padding-top: 0 !important;
790
+ padding-bottom: 0 !important;
791
+ }
792
+ .py-xxl-1 {
793
+ padding-top: var(--spacer-1) !important;
794
+ padding-bottom: var(--spacer-1) !important;
795
+ }
796
+ .py-xxl-2 {
797
+ padding-top: var(--spacer-2) !important;
798
+ padding-bottom: var(--spacer-2) !important;
799
+ }
800
+ .py-xxl-3 {
801
+ padding-top: var(--spacer-3) !important;
802
+ padding-bottom: var(--spacer-3) !important;
803
+ }
804
+ .py-xxl-4 {
805
+ padding-top: var(--spacer-4) !important;
806
+ padding-bottom: var(--spacer-4) !important;
807
+ }
808
+ .py-xxl-5 {
809
+ padding-top: var(--spacer-5) !important;
810
+ padding-bottom: var(--spacer-5) !important;
811
+ }
812
+ .pt-xxl-0 {
813
+ padding-top: 0 !important;
814
+ }
815
+ .pt-xxl-1 {
816
+ padding-top: var(--spacer-1) !important;
817
+ }
818
+ .pt-xxl-2 {
819
+ padding-top: var(--spacer-2) !important;
820
+ }
821
+ .pt-xxl-3 {
822
+ padding-top: var(--spacer-3) !important;
823
+ }
824
+ .pt-xxl-4 {
825
+ padding-top: var(--spacer-4) !important;
826
+ }
827
+ .pt-xxl-5 {
828
+ padding-top: var(--spacer-5) !important;
829
+ }
830
+ .pe-xxl-0 {
831
+ padding-right: 0 !important;
832
+ }
833
+ .pe-xxl-1 {
834
+ padding-right: var(--spacer-1) !important;
835
+ }
836
+ .pe-xxl-2 {
837
+ padding-right: var(--spacer-2) !important;
838
+ }
839
+ .pe-xxl-3 {
840
+ padding-right: var(--spacer-3) !important;
841
+ }
842
+ .pe-xxl-4 {
843
+ padding-right: var(--spacer-4) !important;
844
+ }
845
+ .pe-xxl-5 {
846
+ padding-right: var(--spacer-5) !important;
847
+ }
848
+ .pb-xxl-0 {
849
+ padding-bottom: 0 !important;
850
+ }
851
+ .pb-xxl-1 {
852
+ padding-bottom: var(--spacer-1) !important;
853
+ }
854
+ .pb-xxl-2 {
855
+ padding-bottom: var(--spacer-2) !important;
856
+ }
857
+ .pb-xxl-3 {
858
+ padding-bottom: var(--spacer-3) !important;
859
+ }
860
+ .pb-xxl-4 {
861
+ padding-bottom: var(--spacer-4) !important;
862
+ }
863
+ .pb-xxl-5 {
864
+ padding-bottom: var(--spacer-5) !important;
865
+ }
866
+ .ps-xxl-0 {
867
+ padding-left: 0 !important;
868
+ }
869
+ .ps-xxl-1 {
870
+ padding-left: var(--spacer-1) !important;
871
+ }
872
+ .ps-xxl-2 {
873
+ padding-left: var(--spacer-2) !important;
874
+ }
875
+ .ps-xxl-3 {
876
+ padding-left: var(--spacer-3) !important;
877
+ }
878
+ .ps-xxl-4 {
879
+ padding-left: var(--spacer-4) !important;
880
+ }
881
+ .ps-xxl-5 {
882
+ padding-left: var(--spacer-5) !important;
883
+ }
884
+ }
885
+