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