@semanticus/semanticus-css 0.9.0 → 1.0.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 (144) hide show
  1. package/NOTICE +16 -16
  2. package/README.md +128 -29
  3. package/dist/semanticus-no-utilities.css +11 -0
  4. package/dist/semanticus-semantics.css +3 -4
  5. package/dist/semanticus-utilities.css +11 -0
  6. package/dist/semanticus.css +4 -12
  7. package/dist/semanticus.palette.amber.css +1 -1
  8. package/dist/semanticus.palette.azure.css +1 -0
  9. package/dist/semanticus.palette.blue.css +1 -1
  10. package/dist/semanticus.palette.cyan.css +1 -1
  11. package/dist/semanticus.palette.fuchsia.css +1 -1
  12. package/dist/semanticus.palette.green.css +1 -1
  13. package/dist/semanticus.palette.grey.css +1 -1
  14. package/dist/semanticus.palette.indigo.css +1 -1
  15. package/dist/semanticus.palette.jade.css +1 -1
  16. package/dist/semanticus.palette.lime.css +1 -1
  17. package/dist/semanticus.palette.orange.css +1 -1
  18. package/dist/semanticus.palette.pink.css +1 -1
  19. package/dist/semanticus.palette.pumpkin.css +1 -1
  20. package/dist/semanticus.palette.purple.css +1 -1
  21. package/dist/semanticus.palette.red.css +1 -1
  22. package/dist/semanticus.palette.sand.css +1 -1
  23. package/dist/semanticus.palette.slate.css +1 -1
  24. package/dist/semanticus.palette.violet.css +1 -1
  25. package/dist/semanticus.palette.yellow.css +1 -1
  26. package/dist/semanticus.palette.zinc.css +1 -1
  27. package/dist/semanticus.size.pico.css +1 -1
  28. package/package.json +24 -15
  29. package/src/components/_card.css +84 -0
  30. package/src/{variants → components}/_sidebar.css +3 -5
  31. package/src/components/modules.css +2 -0
  32. package/src/index.css +8 -10
  33. package/src/no-utilities.css +22 -0
  34. package/src/palettes/amber.css +28 -53
  35. package/src/palettes/azure.css +31 -0
  36. package/src/palettes/blue.css +28 -53
  37. package/src/palettes/cyan.css +28 -53
  38. package/src/palettes/fuchsia.css +28 -53
  39. package/src/palettes/green.css +28 -53
  40. package/src/palettes/grey.css +28 -53
  41. package/src/palettes/indigo.css +28 -53
  42. package/src/palettes/jade.css +28 -53
  43. package/src/palettes/lime.css +28 -53
  44. package/src/palettes/orange.css +28 -53
  45. package/src/palettes/pink.css +28 -53
  46. package/src/palettes/pumpkin.css +28 -53
  47. package/src/palettes/purple.css +28 -53
  48. package/src/palettes/red.css +28 -53
  49. package/src/palettes/sand.css +28 -53
  50. package/src/palettes/slate.css +28 -53
  51. package/src/palettes/violet.css +28 -53
  52. package/src/palettes/yellow.css +28 -53
  53. package/src/palettes/zinc.css +28 -53
  54. package/src/semantics/attributes/_aria-busy.css +0 -3
  55. package/src/semantics/attributes/_hidden.css +0 -3
  56. package/src/semantics/attributes/_role-group-search.css +11 -14
  57. package/src/semantics/attributes/_role-toolbar.css +2 -5
  58. package/src/semantics/attributes/_role-tooltip.css +6 -9
  59. package/src/semantics/elements/_article.css +0 -3
  60. package/src/semantics/elements/_aside.css +1 -7
  61. package/src/semantics/elements/_blockquote.css +2 -2
  62. package/src/semantics/elements/_body.css +1 -4
  63. package/src/semantics/elements/_button.css +23 -26
  64. package/src/semantics/elements/_code.css +5 -8
  65. package/src/semantics/elements/_del.css +1 -1
  66. package/src/semantics/elements/_details.css +39 -40
  67. package/src/semantics/elements/_dialog.css +13 -17
  68. package/src/semantics/elements/_document.css +10 -4
  69. package/src/semantics/elements/_embedded.css +0 -3
  70. package/src/semantics/elements/_figure.css +0 -3
  71. package/src/semantics/elements/_footer.css +0 -3
  72. package/src/semantics/elements/_header.css +0 -3
  73. package/src/semantics/elements/_headings.css +7 -17
  74. package/src/semantics/elements/_hgroup.css +1 -1
  75. package/src/semantics/elements/_hr.css +1 -4
  76. package/src/semantics/elements/_input.css +33 -36
  77. package/src/semantics/elements/_ins.css +1 -1
  78. package/src/semantics/elements/_links.css +22 -18
  79. package/src/semantics/elements/_main.css +0 -4
  80. package/src/semantics/elements/_mark.css +2 -2
  81. package/src/semantics/elements/_nav.css +5 -8
  82. package/src/semantics/elements/_progress.css +5 -8
  83. package/src/semantics/elements/_section.css +0 -3
  84. package/src/semantics/elements/_small.css +3 -0
  85. package/src/semantics/elements/_table.css +3 -5
  86. package/src/semantics/elements/_type-checkbox-radio.css +19 -22
  87. package/src/semantics/elements/_type-color.css +2 -5
  88. package/src/semantics/elements/_type-date.css +1 -4
  89. package/src/semantics/elements/_type-file.css +7 -10
  90. package/src/semantics/elements/_type-range.css +11 -14
  91. package/src/semantics/elements/_type-search.css +6 -10
  92. package/src/semantics/index.css +2 -5
  93. package/src/semantics/modules.css +1 -7
  94. package/src/sizes/pico.css +20 -33
  95. package/src/utilities/_grid.css +306 -0
  96. package/src/utilities/_variables.css +27 -42
  97. package/src/utilities/borders/_border-radius.css +54 -79
  98. package/src/utilities/borders/_border-style.css +15 -5
  99. package/src/utilities/borders/_border-width.css +0 -28
  100. package/src/utilities/colors/_bg-colors.css +75 -0
  101. package/src/utilities/colors/_border-colors.css +17 -39
  102. package/src/utilities/colors/_subtle-colors.css +145 -0
  103. package/src/utilities/colors/_text-bg-colors.css +62 -0
  104. package/src/utilities/colors/_text-colors.css +32 -409
  105. package/src/utilities/effects/_focus-ring.css +33 -0
  106. package/src/utilities/effects/_shadows.css +0 -33
  107. package/src/utilities/index.css +16 -0
  108. package/src/utilities/layout/_misc.css +2 -5
  109. package/src/utilities/layout/{_grid.css → _ratio.css} +0 -19
  110. package/src/utilities/modules.css +9 -3
  111. package/src/utilities/sizing/_width.css +8 -0
  112. package/src/utilities/spacing/_gap.css +144 -144
  113. package/src/utilities/spacing/_margin.css +324 -324
  114. package/src/utilities/spacing/_padding.css +324 -324
  115. package/src/utilities/typography/_font-sizes.css +6 -6
  116. package/src/variables/_all.css +2 -20
  117. package/src/variables/_elements.css +29 -28
  118. package/src/variables/_theme.css +336 -0
  119. package/src/variants/_variables.css +24 -0
  120. package/src/variants/intent/_contrast.css +46 -0
  121. package/src/variants/intent/_danger.css +38 -0
  122. package/src/variants/intent/_info.css +38 -0
  123. package/src/variants/intent/_primary.css +38 -0
  124. package/src/variants/intent/_secondary.css +38 -0
  125. package/src/variants/intent/_success.css +38 -0
  126. package/src/variants/intent/_warning.css +38 -0
  127. package/src/variants/{_container.css → modifiers/_container.css} +3 -10
  128. package/src/variants/modifiers/_ghost.css +164 -0
  129. package/src/variants/modifiers/_striped.css +11 -0
  130. package/src/variants/modifiers/_subtle.css +133 -0
  131. package/src/variants/modules.css +12 -14
  132. package/src/_normalize.css +0 -214
  133. package/src/semantics/_misc.css +0 -3
  134. package/src/utilities/colors/_background-colors.css +0 -248
  135. package/src/variables/_colors.css +0 -355
  136. package/src/variables/_components.css +0 -330
  137. package/src/variables/_icons.css +0 -55
  138. package/src/variables/_layout.css +0 -123
  139. package/src/variants/_contained.css +0 -43
  140. package/src/variants/_contrast.css +0 -61
  141. package/src/variants/_ghost.css +0 -68
  142. package/src/variants/_pane-panel-card.css +0 -54
  143. package/src/variants/_secondary.css +0 -48
  144. package/src/variants/_striped.css +0 -10
package/src/utilities/spacing/_margin.css CHANGED
@@ -3,27 +3,27 @@
3
3
  }
4
4
 
5
5
  .m-d {
6
- margin: var(--spacer-default) !important;
6
+ margin: var(--spacing) !important;
7
7
  }
8
8
 
9
9
  .m-1 {
10
- margin: var(--spacer-1) !important;
10
+ margin: var(--spacing-1) !important;
11
11
  }
12
12
 
13
13
  .m-2 {
14
- margin: var(--spacer-2) !important;
14
+ margin: var(--spacing-2) !important;
15
15
  }
16
16
 
17
17
  .m-3 {
18
- margin: var(--spacer-3) !important;
18
+ margin: var(--spacing-3) !important;
19
19
  }
20
20
 
21
21
  .m-4 {
22
- margin: var(--spacer-4) !important;
22
+ margin: var(--spacing-4) !important;
23
23
  }
24
24
 
25
25
  .m-5 {
26
- margin: var(--spacer-5) !important;
26
+ margin: var(--spacing-5) !important;
27
27
  }
28
28
 
29
29
  .m-auto {
@@ -36,33 +36,33 @@
36
36
  }
37
37
 
38
38
  .mx-d {
39
- margin-right: var(--spacer-default) !important;
40
- margin-left: var(--spacer-default) !important;
39
+ margin-right: var(--spacing) !important;
40
+ margin-left: var(--spacing) !important;
41
41
  }
42
42
 
43
43
  .mx-1 {
44
- margin-right: var(--spacer-1) !important;
45
- margin-left: var(--spacer-1) !important;
44
+ margin-right: var(--spacing-1) !important;
45
+ margin-left: var(--spacing-1) !important;
46
46
  }
47
47
 
48
48
  .mx-2 {
49
- margin-right: var(--spacer-2) !important;
50
- margin-left: var(--spacer-2) !important;
49
+ margin-right: var(--spacing-2) !important;
50
+ margin-left: var(--spacing-2) !important;
51
51
  }
52
52
 
53
53
  .mx-3 {
54
- margin-right: var(--spacer-3) !important;
55
- margin-left: var(--spacer-3) !important;
54
+ margin-right: var(--spacing-3) !important;
55
+ margin-left: var(--spacing-3) !important;
56
56
  }
57
57
 
58
58
  .mx-4 {
59
- margin-right: var(--spacer-4) !important;
60
- margin-left: var(--spacer-4) !important;
59
+ margin-right: var(--spacing-4) !important;
60
+ margin-left: var(--spacing-4) !important;
61
61
  }
62
62
 
63
63
  .mx-5 {
64
- margin-right: var(--spacer-5) !important;
65
- margin-left: var(--spacer-5) !important;
64
+ margin-right: var(--spacing-5) !important;
65
+ margin-left: var(--spacing-5) !important;
66
66
  }
67
67
 
68
68
  .mx-auto {
@@ -76,33 +76,33 @@
76
76
  }
77
77
 
78
78
  .my-d {
79
- margin-top: var(--spacer-default) !important;
80
- margin-bottom: var(--spacer-default) !important;
79
+ margin-top: var(--spacing) !important;
80
+ margin-bottom: var(--spacing) !important;
81
81
  }
82
82
 
83
83
  .my-1 {
84
- margin-top: var(--spacer-1) !important;
85
- margin-bottom: var(--spacer-1) !important;
84
+ margin-top: var(--spacing-1) !important;
85
+ margin-bottom: var(--spacing-1) !important;
86
86
  }
87
87
 
88
88
  .my-2 {
89
- margin-top: var(--spacer-2) !important;
90
- margin-bottom: var(--spacer-2) !important;
89
+ margin-top: var(--spacing-2) !important;
90
+ margin-bottom: var(--spacing-2) !important;
91
91
  }
92
92
 
93
93
  .my-3 {
94
- margin-top: var(--spacer-3) !important;
95
- margin-bottom: var(--spacer-3) !important;
94
+ margin-top: var(--spacing-3) !important;
95
+ margin-bottom: var(--spacing-3) !important;
96
96
  }
97
97
 
98
98
  .my-4 {
99
- margin-top: var(--spacer-4) !important;
100
- margin-bottom: var(--spacer-4) !important;
99
+ margin-top: var(--spacing-4) !important;
100
+ margin-bottom: var(--spacing-4) !important;
101
101
  }
102
102
 
103
103
  .my-5 {
104
- margin-top: var(--spacer-5) !important;
105
- margin-bottom: var(--spacer-5) !important;
104
+ margin-top: var(--spacing-5) !important;
105
+ margin-bottom: var(--spacing-5) !important;
106
106
  }
107
107
 
108
108
  .my-auto {
@@ -115,27 +115,27 @@
115
115
  }
116
116
 
117
117
  .mt-d {
118
- margin-top: var(--spacer-default) !important;
118
+ margin-top: var(--spacing) !important;
119
119
  }
120
120
 
121
121
  .mt-1 {
122
- margin-top: var(--spacer-1) !important;
122
+ margin-top: var(--spacing-1) !important;
123
123
  }
124
124
 
125
125
  .mt-2 {
126
- margin-top: var(--spacer-2) !important;
126
+ margin-top: var(--spacing-2) !important;
127
127
  }
128
128
 
129
129
  .mt-3 {
130
- margin-top: var(--spacer-3) !important;
130
+ margin-top: var(--spacing-3) !important;
131
131
  }
132
132
 
133
133
  .mt-4 {
134
- margin-top: var(--spacer-4) !important;
134
+ margin-top: var(--spacing-4) !important;
135
135
  }
136
136
 
137
137
  .mt-5 {
138
- margin-top: var(--spacer-5) !important;
138
+ margin-top: var(--spacing-5) !important;
139
139
  }
140
140
 
141
141
  .mt-auto {
@@ -147,27 +147,27 @@
147
147
  }
148
148
 
149
149
  .me-d {
150
- margin-right: var(--spacer-default) !important;
150
+ margin-right: var(--spacing) !important;
151
151
  }
152
152
 
153
153
  .me-1 {
154
- margin-right: var(--spacer-1) !important;
154
+ margin-right: var(--spacing-1) !important;
155
155
  }
156
156
 
157
157
  .me-2 {
158
- margin-right: var(--spacer-2) !important;
158
+ margin-right: var(--spacing-2) !important;
159
159
  }
160
160
 
161
161
  .me-3 {
162
- margin-right: var(--spacer-3) !important;
162
+ margin-right: var(--spacing-3) !important;
163
163
  }
164
164
 
165
165
  .me-4 {
166
- margin-right: var(--spacer-4) !important;
166
+ margin-right: var(--spacing-4) !important;
167
167
  }
168
168
 
169
169
  .me-5 {
170
- margin-right: var(--spacer-5) !important;
170
+ margin-right: var(--spacing-5) !important;
171
171
  }
172
172
 
173
173
  .me-auto {
@@ -179,27 +179,27 @@
179
179
  }
180
180
 
181
181
  .mb-d {
182
- margin-bottom: var(--spacer-default) !important;
182
+ margin-bottom: var(--spacing) !important;
183
183
  }
184
184
 
185
185
  .mb-1 {
186
- margin-bottom: var(--spacer-1) !important;
186
+ margin-bottom: var(--spacing-1) !important;
187
187
  }
188
188
 
189
189
  .mb-2 {
190
- margin-bottom: var(--spacer-2) !important;
190
+ margin-bottom: var(--spacing-2) !important;
191
191
  }
192
192
 
193
193
  .mb-3 {
194
- margin-bottom: var(--spacer-3) !important;
194
+ margin-bottom: var(--spacing-3) !important;
195
195
  }
196
196
 
197
197
  .mb-4 {
198
- margin-bottom: var(--spacer-4) !important;
198
+ margin-bottom: var(--spacing-4) !important;
199
199
  }
200
200
 
201
201
  .mb-5 {
202
- margin-bottom: var(--spacer-5) !important;
202
+ margin-bottom: var(--spacing-5) !important;
203
203
  }
204
204
 
205
205
  .mb-auto {
@@ -211,27 +211,27 @@
211
211
  }
212
212
 
213
213
  .ms-d {
214
- margin-left: var(--spacer-default) !important;
214
+ margin-left: var(--spacing) !important;
215
215
  }
216
216
 
217
217
  .ms-1 {
218
- margin-left: var(--spacer-1) !important;
218
+ margin-left: var(--spacing-1) !important;
219
219
  }
220
220
 
221
221
  .ms-2 {
222
- margin-left: var(--spacer-2) !important;
222
+ margin-left: var(--spacing-2) !important;
223
223
  }
224
224
 
225
225
  .ms-3 {
226
- margin-left: var(--spacer-3) !important;
226
+ margin-left: var(--spacing-3) !important;
227
227
  }
228
228
 
229
229
  .ms-4 {
230
- margin-left: var(--spacer-4) !important;
230
+ margin-left: var(--spacing-4) !important;
231
231
  }
232
232
 
233
233
  .ms-5 {
234
- margin-left: var(--spacer-5) !important;
234
+ margin-left: var(--spacing-5) !important;
235
235
  }
236
236
 
237
237
  .ms-auto {
@@ -243,22 +243,22 @@
243
243
  margin: 0 !important;
244
244
  }
245
245
  .m-sm-d {
246
- margin: var(--spacer-default) !important;
246
+ margin: var(--spacing) !important;
247
247
  }
248
248
  .m-sm-1 {
249
- margin: var(--spacer-1) !important;
249
+ margin: var(--spacing-1) !important;
250
250
  }
251
251
  .m-sm-2 {
252
- margin: var(--spacer-2) !important;
252
+ margin: var(--spacing-2) !important;
253
253
  }
254
254
  .m-sm-3 {
255
- margin: var(--spacer-3) !important;
255
+ margin: var(--spacing-3) !important;
256
256
  }
257
257
  .m-sm-4 {
258
- margin: var(--spacer-4) !important;
258
+ margin: var(--spacing-4) !important;
259
259
  }
260
260
  .m-sm-5 {
261
- margin: var(--spacer-5) !important;
261
+ margin: var(--spacing-5) !important;
262
262
  }
263
263
  .m-sm-auto {
264
264
  margin: auto !important;
@@ -268,28 +268,28 @@
268
268
  margin-left: 0 !important;
269
269
  }
270
270
  .mx-sm-d {
271
- margin-right: var(--spacer-default) !important;
272
- margin-left: var(--spacer-default) !important;
271
+ margin-right: var(--spacing) !important;
272
+ margin-left: var(--spacing) !important;
273
273
  }
274
274
  .mx-sm-1 {
275
- margin-right: var(--spacer-1) !important;
276
- margin-left: var(--spacer-1) !important;
275
+ margin-right: var(--spacing-1) !important;
276
+ margin-left: var(--spacing-1) !important;
277
277
  }
278
278
  .mx-sm-2 {
279
- margin-right: var(--spacer-2) !important;
280
- margin-left: var(--spacer-2) !important;
279
+ margin-right: var(--spacing-2) !important;
280
+ margin-left: var(--spacing-2) !important;
281
281
  }
282
282
  .mx-sm-3 {
283
- margin-right: var(--spacer-3) !important;
284
- margin-left: var(--spacer-3) !important;
283
+ margin-right: var(--spacing-3) !important;
284
+ margin-left: var(--spacing-3) !important;
285
285
  }
286
286
  .mx-sm-4 {
287
- margin-right: var(--spacer-4) !important;
288
- margin-left: var(--spacer-4) !important;
287
+ margin-right: var(--spacing-4) !important;
288
+ margin-left: var(--spacing-4) !important;
289
289
  }
290
290
  .mx-sm-5 {
291
- margin-right: var(--spacer-5) !important;
292
- margin-left: var(--spacer-5) !important;
291
+ margin-right: var(--spacing-5) !important;
292
+ margin-left: var(--spacing-5) !important;
293
293
  }
294
294
  .mx-sm-auto {
295
295
  margin-right: auto !important;
@@ -300,28 +300,28 @@
300
300
  margin-bottom: 0 !important;
301
301
  }
302
302
  .my-sm-d {
303
- margin-top: var(--spacer-default) !important;
304
- margin-bottom: var(--spacer-default) !important;
303
+ margin-top: var(--spacing) !important;
304
+ margin-bottom: var(--spacing) !important;
305
305
  }
306
306
  .my-sm-1 {
307
- margin-top: var(--spacer-1) !important;
308
- margin-bottom: var(--spacer-1) !important;
307
+ margin-top: var(--spacing-1) !important;
308
+ margin-bottom: var(--spacing-1) !important;
309
309
  }
310
310
  .my-sm-2 {
311
- margin-top: var(--spacer-2) !important;
312
- margin-bottom: var(--spacer-2) !important;
311
+ margin-top: var(--spacing-2) !important;
312
+ margin-bottom: var(--spacing-2) !important;
313
313
  }
314
314
  .my-sm-3 {
315
- margin-top: var(--spacer-3) !important;
316
- margin-bottom: var(--spacer-3) !important;
315
+ margin-top: var(--spacing-3) !important;
316
+ margin-bottom: var(--spacing-3) !important;
317
317
  }
318
318
  .my-sm-4 {
319
- margin-top: var(--spacer-4) !important;
320
- margin-bottom: var(--spacer-4) !important;
319
+ margin-top: var(--spacing-4) !important;
320
+ margin-bottom: var(--spacing-4) !important;
321
321
  }
322
322
  .my-sm-5 {
323
- margin-top: var(--spacer-5) !important;
324
- margin-bottom: var(--spacer-5) !important;
323
+ margin-top: var(--spacing-5) !important;
324
+ margin-bottom: var(--spacing-5) !important;
325
325
  }
326
326
  .my-sm-auto {
327
327
  margin-top: auto !important;
@@ -331,22 +331,22 @@
331
331
  margin-top: 0 !important;
332
332
  }
333
333
  .mt-sm-d {
334
- margin-top: var(--spacer-default) !important;
334
+ margin-top: var(--spacing) !important;
335
335
  }
336
336
  .mt-sm-1 {
337
- margin-top: var(--spacer-1) !important;
337
+ margin-top: var(--spacing-1) !important;
338
338
  }
339
339
  .mt-sm-2 {
340
- margin-top: var(--spacer-2) !important;
340
+ margin-top: var(--spacing-2) !important;
341
341
  }
342
342
  .mt-sm-3 {
343
- margin-top: var(--spacer-3) !important;
343
+ margin-top: var(--spacing-3) !important;
344
344
  }
345
345
  .mt-sm-4 {
346
- margin-top: var(--spacer-4) !important;
346
+ margin-top: var(--spacing-4) !important;
347
347
  }
348
348
  .mt-sm-5 {
349
- margin-top: var(--spacer-5) !important;
349
+ margin-top: var(--spacing-5) !important;
350
350
  }
351
351
  .mt-sm-auto {
352
352
  margin-top: auto !important;
@@ -355,22 +355,22 @@
355
355
  margin-right: 0 !important;
356
356
  }
357
357
  .me-sm-d {
358
- margin-right: var(--spacer-default) !important;
358
+ margin-right: var(--spacing) !important;
359
359
  }
360
360
  .me-sm-1 {
361
- margin-right: var(--spacer-1) !important;
361
+ margin-right: var(--spacing-1) !important;
362
362
  }
363
363
  .me-sm-2 {
364
- margin-right: var(--spacer-2) !important;
364
+ margin-right: var(--spacing-2) !important;
365
365
  }
366
366
  .me-sm-3 {
367
- margin-right: var(--spacer-3) !important;
367
+ margin-right: var(--spacing-3) !important;
368
368
  }
369
369
  .me-sm-4 {
370
- margin-right: var(--spacer-4) !important;
370
+ margin-right: var(--spacing-4) !important;
371
371
  }
372
372
  .me-sm-5 {
373
- margin-right: var(--spacer-5) !important;
373
+ margin-right: var(--spacing-5) !important;
374
374
  }
375
375
  .me-sm-auto {
376
376
  margin-right: auto !important;
@@ -379,22 +379,22 @@
379
379
  margin-bottom: 0 !important;
380
380
  }
381
381
  .mb-sm-d {
382
- margin-bottom: var(--spacer-default) !important;
382
+ margin-bottom: var(--spacing) !important;
383
383
  }
384
384
  .mb-sm-1 {
385
- margin-bottom: var(--spacer-1) !important;
385
+ margin-bottom: var(--spacing-1) !important;
386
386
  }
387
387
  .mb-sm-2 {
388
- margin-bottom: var(--spacer-2) !important;
388
+ margin-bottom: var(--spacing-2) !important;
389
389
  }
390
390
  .mb-sm-3 {
391
- margin-bottom: var(--spacer-3) !important;
391
+ margin-bottom: var(--spacing-3) !important;
392
392
  }
393
393
  .mb-sm-4 {
394
- margin-bottom: var(--spacer-4) !important;
394
+ margin-bottom: var(--spacing-4) !important;
395
395
  }
396
396
  .mb-sm-5 {
397
- margin-bottom: var(--spacer-5) !important;
397
+ margin-bottom: var(--spacing-5) !important;
398
398
  }
399
399
  .mb-sm-auto {
400
400
  margin-bottom: auto !important;
@@ -403,22 +403,22 @@
403
403
  margin-left: 0 !important;
404
404
  }
405
405
  .ms-sm-d {
406
- margin-left: var(--spacer-default) !important;
406
+ margin-left: var(--spacing) !important;
407
407
  }
408
408
  .ms-sm-1 {
409
- margin-left: var(--spacer-1) !important;
409
+ margin-left: var(--spacing-1) !important;
410
410
  }
411
411
  .ms-sm-2 {
412
- margin-left: var(--spacer-2) !important;
412
+ margin-left: var(--spacing-2) !important;
413
413
  }
414
414
  .ms-sm-3 {
415
- margin-left: var(--spacer-3) !important;
415
+ margin-left: var(--spacing-3) !important;
416
416
  }
417
417
  .ms-sm-4 {
418
- margin-left: var(--spacer-4) !important;
418
+ margin-left: var(--spacing-4) !important;
419
419
  }
420
420
  .ms-sm-5 {
421
- margin-left: var(--spacer-5) !important;
421
+ margin-left: var(--spacing-5) !important;
422
422
  }
423
423
  .ms-sm-auto {
424
424
  margin-left: auto !important;
@@ -430,22 +430,22 @@
430
430
  margin: 0 !important;
431
431
  }
432
432
  .m-md-d {
433
- margin: var(--spacer-default) !important;
433
+ margin: var(--spacing) !important;
434
434
  }
435
435
  .m-md-1 {
436
- margin: var(--spacer-1) !important;
436
+ margin: var(--spacing-1) !important;
437
437
  }
438
438
  .m-md-2 {
439
- margin: var(--spacer-2) !important;
439
+ margin: var(--spacing-2) !important;
440
440
  }
441
441
  .m-md-3 {
442
- margin: var(--spacer-3) !important;
442
+ margin: var(--spacing-3) !important;
443
443
  }
444
444
  .m-md-4 {
445
- margin: var(--spacer-4) !important;
445
+ margin: var(--spacing-4) !important;
446
446
  }
447
447
  .m-md-5 {
448
- margin: var(--spacer-5) !important;
448
+ margin: var(--spacing-5) !important;
449
449
  }
450
450
  .m-md-auto {
451
451
  margin: auto !important;
@@ -455,28 +455,28 @@
455
455
  margin-left: 0 !important;
456
456
  }
457
457
  .mx-md-d {
458
- margin-right: var(--spacer-default) !important;
459
- margin-left: var(--spacer-default) !important;
458
+ margin-right: var(--spacing) !important;
459
+ margin-left: var(--spacing) !important;
460
460
  }
461
461
  .mx-md-1 {
462
- margin-right: var(--spacer-1) !important;
463
- margin-left: var(--spacer-1) !important;
462
+ margin-right: var(--spacing-1) !important;
463
+ margin-left: var(--spacing-1) !important;
464
464
  }
465
465
  .mx-md-2 {
466
- margin-right: var(--spacer-2) !important;
467
- margin-left: var(--spacer-2) !important;
466
+ margin-right: var(--spacing-2) !important;
467
+ margin-left: var(--spacing-2) !important;
468
468
  }
469
469
  .mx-md-3 {
470
- margin-right: var(--spacer-3) !important;
471
- margin-left: var(--spacer-3) !important;
470
+ margin-right: var(--spacing-3) !important;
471
+ margin-left: var(--spacing-3) !important;
472
472
  }
473
473
  .mx-md-4 {
474
- margin-right: var(--spacer-4) !important;
475
- margin-left: var(--spacer-4) !important;
474
+ margin-right: var(--spacing-4) !important;
475
+ margin-left: var(--spacing-4) !important;
476
476
  }
477
477
  .mx-md-5 {
478
- margin-right: var(--spacer-5) !important;
479
- margin-left: var(--spacer-5) !important;
478
+ margin-right: var(--spacing-5) !important;
479
+ margin-left: var(--spacing-5) !important;
480
480
  }
481
481
  .mx-md-auto {
482
482
  margin-right: auto !important;
@@ -487,28 +487,28 @@
487
487
  margin-bottom: 0 !important;
488
488
  }
489
489
  .my-md-d {
490
- margin-top: var(--spacer-default) !important;
491
- margin-bottom: var(--spacer-default) !important;
490
+ margin-top: var(--spacing) !important;
491
+ margin-bottom: var(--spacing) !important;
492
492
  }
493
493
  .my-md-1 {
494
- margin-top: var(--spacer-1) !important;
495
- margin-bottom: var(--spacer-1) !important;
494
+ margin-top: var(--spacing-1) !important;
495
+ margin-bottom: var(--spacing-1) !important;
496
496
  }
497
497
  .my-md-2 {
498
- margin-top: var(--spacer-2) !important;
499
- margin-bottom: var(--spacer-2) !important;
498
+ margin-top: var(--spacing-2) !important;
499
+ margin-bottom: var(--spacing-2) !important;
500
500
  }
501
501
  .my-md-3 {
502
- margin-top: var(--spacer-3) !important;
503
- margin-bottom: var(--spacer-3) !important;
502
+ margin-top: var(--spacing-3) !important;
503
+ margin-bottom: var(--spacing-3) !important;
504
504
  }
505
505
  .my-md-4 {
506
- margin-top: var(--spacer-4) !important;
507
- margin-bottom: var(--spacer-4) !important;
506
+ margin-top: var(--spacing-4) !important;
507
+ margin-bottom: var(--spacing-4) !important;
508
508
  }
509
509
  .my-md-5 {
510
- margin-top: var(--spacer-5) !important;
511
- margin-bottom: var(--spacer-5) !important;
510
+ margin-top: var(--spacing-5) !important;
511
+ margin-bottom: var(--spacing-5) !important;
512
512
  }
513
513
  .my-md-auto {
514
514
  margin-top: auto !important;
@@ -518,22 +518,22 @@
518
518
  margin-top: 0 !important;
519
519
  }
520
520
  .mt-md-d {
521
- margin-top: var(--spacer-default) !important;
521
+ margin-top: var(--spacing) !important;
522
522
  }
523
523
  .mt-md-1 {
524
- margin-top: var(--spacer-1) !important;
524
+ margin-top: var(--spacing-1) !important;
525
525
  }
526
526
  .mt-md-2 {
527
- margin-top: var(--spacer-2) !important;
527
+ margin-top: var(--spacing-2) !important;
528
528
  }
529
529
  .mt-md-3 {
530
- margin-top: var(--spacer-3) !important;
530
+ margin-top: var(--spacing-3) !important;
531
531
  }
532
532
  .mt-md-4 {
533
- margin-top: var(--spacer-4) !important;
533
+ margin-top: var(--spacing-4) !important;
534
534
  }
535
535
  .mt-md-5 {
536
- margin-top: var(--spacer-5) !important;
536
+ margin-top: var(--spacing-5) !important;
537
537
  }
538
538
  .mt-md-auto {
539
539
  margin-top: auto !important;
@@ -542,22 +542,22 @@
542
542
  margin-right: 0 !important;
543
543
  }
544
544
  .me-md-d {
545
- margin-right: var(--spacer-default) !important;
545
+ margin-right: var(--spacing) !important;
546
546
  }
547
547
  .me-md-1 {
548
- margin-right: var(--spacer-1) !important;
548
+ margin-right: var(--spacing-1) !important;
549
549
  }
550
550
  .me-md-2 {
551
- margin-right: var(--spacer-2) !important;
551
+ margin-right: var(--spacing-2) !important;
552
552
  }
553
553
  .me-md-3 {
554
- margin-right: var(--spacer-3) !important;
554
+ margin-right: var(--spacing-3) !important;
555
555
  }
556
556
  .me-md-4 {
557
- margin-right: var(--spacer-4) !important;
557
+ margin-right: var(--spacing-4) !important;
558
558
  }
559
559
  .me-md-5 {
560
- margin-right: var(--spacer-5) !important;
560
+ margin-right: var(--spacing-5) !important;
561
561
  }
562
562
  .me-md-auto {
563
563
  margin-right: auto !important;
@@ -566,22 +566,22 @@
566
566
  margin-bottom: 0 !important;
567
567
  }
568
568
  .mb-md-d {
569
- margin-bottom: var(--spacer-default) !important;
569
+ margin-bottom: var(--spacing) !important;
570
570
  }
571
571
  .mb-md-1 {
572
- margin-bottom: var(--spacer-1) !important;
572
+ margin-bottom: var(--spacing-1) !important;
573
573
  }
574
574
  .mb-md-2 {
575
- margin-bottom: var(--spacer-2) !important;
575
+ margin-bottom: var(--spacing-2) !important;
576
576
  }
577
577
  .mb-md-3 {
578
- margin-bottom: var(--spacer-3) !important;
578
+ margin-bottom: var(--spacing-3) !important;
579
579
  }
580
580
  .mb-md-4 {
581
- margin-bottom: var(--spacer-4) !important;
581
+ margin-bottom: var(--spacing-4) !important;
582
582
  }
583
583
  .mb-md-5 {
584
- margin-bottom: var(--spacer-5) !important;
584
+ margin-bottom: var(--spacing-5) !important;
585
585
  }
586
586
  .mb-md-auto {
587
587
  margin-bottom: auto !important;
@@ -590,22 +590,22 @@
590
590
  margin-left: 0 !important;
591
591
  }
592
592
  .ms-md-d {
593
- margin-left: var(--spacer-default) !important;
593
+ margin-left: var(--spacing) !important;
594
594
  }
595
595
  .ms-md-1 {
596
- margin-left: var(--spacer-1) !important;
596
+ margin-left: var(--spacing-1) !important;
597
597
  }
598
598
  .ms-md-2 {
599
- margin-left: var(--spacer-2) !important;
599
+ margin-left: var(--spacing-2) !important;
600
600
  }
601
601
  .ms-md-3 {
602
- margin-left: var(--spacer-3) !important;
602
+ margin-left: var(--spacing-3) !important;
603
603
  }
604
604
  .ms-md-4 {
605
- margin-left: var(--spacer-4) !important;
605
+ margin-left: var(--spacing-4) !important;
606
606
  }
607
607
  .ms-md-5 {
608
- margin-left: var(--spacer-5) !important;
608
+ margin-left: var(--spacing-5) !important;
609
609
  }
610
610
  .ms-md-auto {
611
611
  margin-left: auto !important;
@@ -617,22 +617,22 @@
617
617
  margin: 0 !important;
618
618
  }
619
619
  .m-lg-d {
620
- margin: var(--spacer-default) !important;
620
+ margin: var(--spacing) !important;
621
621
  }
622
622
  .m-lg-1 {
623
- margin: var(--spacer-1) !important;
623
+ margin: var(--spacing-1) !important;
624
624
  }
625
625
  .m-lg-2 {
626
- margin: var(--spacer-2) !important;
626
+ margin: var(--spacing-2) !important;
627
627
  }
628
628
  .m-lg-3 {
629
- margin: var(--spacer-3) !important;
629
+ margin: var(--spacing-3) !important;
630
630
  }
631
631
  .m-lg-4 {
632
- margin: var(--spacer-4) !important;
632
+ margin: var(--spacing-4) !important;
633
633
  }
634
634
  .m-lg-5 {
635
- margin: var(--spacer-5) !important;
635
+ margin: var(--spacing-5) !important;
636
636
  }
637
637
  .m-lg-auto {
638
638
  margin: auto !important;
@@ -642,28 +642,28 @@
642
642
  margin-left: 0 !important;
643
643
  }
644
644
  .mx-lg-d {
645
- margin-right: var(--spacer-default) !important;
646
- margin-left: var(--spacer-default) !important;
645
+ margin-right: var(--spacing) !important;
646
+ margin-left: var(--spacing) !important;
647
647
  }
648
648
  .mx-lg-1 {
649
- margin-right: var(--spacer-1) !important;
650
- margin-left: var(--spacer-1) !important;
649
+ margin-right: var(--spacing-1) !important;
650
+ margin-left: var(--spacing-1) !important;
651
651
  }
652
652
  .mx-lg-2 {
653
- margin-right: var(--spacer-2) !important;
654
- margin-left: var(--spacer-2) !important;
653
+ margin-right: var(--spacing-2) !important;
654
+ margin-left: var(--spacing-2) !important;
655
655
  }
656
656
  .mx-lg-3 {
657
- margin-right: var(--spacer-3) !important;
658
- margin-left: var(--spacer-3) !important;
657
+ margin-right: var(--spacing-3) !important;
658
+ margin-left: var(--spacing-3) !important;
659
659
  }
660
660
  .mx-lg-4 {
661
- margin-right: var(--spacer-4) !important;
662
- margin-left: var(--spacer-4) !important;
661
+ margin-right: var(--spacing-4) !important;
662
+ margin-left: var(--spacing-4) !important;
663
663
  }
664
664
  .mx-lg-5 {
665
- margin-right: var(--spacer-5) !important;
666
- margin-left: var(--spacer-5) !important;
665
+ margin-right: var(--spacing-5) !important;
666
+ margin-left: var(--spacing-5) !important;
667
667
  }
668
668
  .mx-lg-auto {
669
669
  margin-right: auto !important;
@@ -674,28 +674,28 @@
674
674
  margin-bottom: 0 !important;
675
675
  }
676
676
  .my-lg-d {
677
- margin-top: var(--spacer-default) !important;
678
- margin-bottom: var(--spacer-default) !important;
677
+ margin-top: var(--spacing) !important;
678
+ margin-bottom: var(--spacing) !important;
679
679
  }
680
680
  .my-lg-1 {
681
- margin-top: var(--spacer-1) !important;
682
- margin-bottom: var(--spacer-1) !important;
681
+ margin-top: var(--spacing-1) !important;
682
+ margin-bottom: var(--spacing-1) !important;
683
683
  }
684
684
  .my-lg-2 {
685
- margin-top: var(--spacer-2) !important;
686
- margin-bottom: var(--spacer-2) !important;
685
+ margin-top: var(--spacing-2) !important;
686
+ margin-bottom: var(--spacing-2) !important;
687
687
  }
688
688
  .my-lg-3 {
689
- margin-top: var(--spacer-3) !important;
690
- margin-bottom: var(--spacer-3) !important;
689
+ margin-top: var(--spacing-3) !important;
690
+ margin-bottom: var(--spacing-3) !important;
691
691
  }
692
692
  .my-lg-4 {
693
- margin-top: var(--spacer-4) !important;
694
- margin-bottom: var(--spacer-4) !important;
693
+ margin-top: var(--spacing-4) !important;
694
+ margin-bottom: var(--spacing-4) !important;
695
695
  }
696
696
  .my-lg-5 {
697
- margin-top: var(--spacer-5) !important;
698
- margin-bottom: var(--spacer-5) !important;
697
+ margin-top: var(--spacing-5) !important;
698
+ margin-bottom: var(--spacing-5) !important;
699
699
  }
700
700
  .my-lg-auto {
701
701
  margin-top: auto !important;
@@ -705,22 +705,22 @@
705
705
  margin-top: 0 !important;
706
706
  }
707
707
  .mt-lg-d {
708
- margin-top: var(--spacer-default) !important;
708
+ margin-top: var(--spacing) !important;
709
709
  }
710
710
  .mt-lg-1 {
711
- margin-top: var(--spacer-1) !important;
711
+ margin-top: var(--spacing-1) !important;
712
712
  }
713
713
  .mt-lg-2 {
714
- margin-top: var(--spacer-2) !important;
714
+ margin-top: var(--spacing-2) !important;
715
715
  }
716
716
  .mt-lg-3 {
717
- margin-top: var(--spacer-3) !important;
717
+ margin-top: var(--spacing-3) !important;
718
718
  }
719
719
  .mt-lg-4 {
720
- margin-top: var(--spacer-4) !important;
720
+ margin-top: var(--spacing-4) !important;
721
721
  }
722
722
  .mt-lg-5 {
723
- margin-top: var(--spacer-5) !important;
723
+ margin-top: var(--spacing-5) !important;
724
724
  }
725
725
  .mt-lg-auto {
726
726
  margin-top: auto !important;
@@ -729,22 +729,22 @@
729
729
  margin-right: 0 !important;
730
730
  }
731
731
  .me-lg-d {
732
- margin-right: var(--spacer-default) !important;
732
+ margin-right: var(--spacing) !important;
733
733
  }
734
734
  .me-lg-1 {
735
- margin-right: var(--spacer-1) !important;
735
+ margin-right: var(--spacing-1) !important;
736
736
  }
737
737
  .me-lg-2 {
738
- margin-right: var(--spacer-2) !important;
738
+ margin-right: var(--spacing-2) !important;
739
739
  }
740
740
  .me-lg-3 {
741
- margin-right: var(--spacer-3) !important;
741
+ margin-right: var(--spacing-3) !important;
742
742
  }
743
743
  .me-lg-4 {
744
- margin-right: var(--spacer-4) !important;
744
+ margin-right: var(--spacing-4) !important;
745
745
  }
746
746
  .me-lg-5 {
747
- margin-right: var(--spacer-5) !important;
747
+ margin-right: var(--spacing-5) !important;
748
748
  }
749
749
  .me-lg-auto {
750
750
  margin-right: auto !important;
@@ -753,22 +753,22 @@
753
753
  margin-bottom: 0 !important;
754
754
  }
755
755
  .mb-lg-d {
756
- margin-bottom: var(--spacer-default) !important;
756
+ margin-bottom: var(--spacing) !important;
757
757
  }
758
758
  .mb-lg-1 {
759
- margin-bottom: var(--spacer-1) !important;
759
+ margin-bottom: var(--spacing-1) !important;
760
760
  }
761
761
  .mb-lg-2 {
762
- margin-bottom: var(--spacer-2) !important;
762
+ margin-bottom: var(--spacing-2) !important;
763
763
  }
764
764
  .mb-lg-3 {
765
- margin-bottom: var(--spacer-3) !important;
765
+ margin-bottom: var(--spacing-3) !important;
766
766
  }
767
767
  .mb-lg-4 {
768
- margin-bottom: var(--spacer-4) !important;
768
+ margin-bottom: var(--spacing-4) !important;
769
769
  }
770
770
  .mb-lg-5 {
771
- margin-bottom: var(--spacer-5) !important;
771
+ margin-bottom: var(--spacing-5) !important;
772
772
  }
773
773
  .mb-lg-auto {
774
774
  margin-bottom: auto !important;
@@ -777,22 +777,22 @@
777
777
  margin-left: 0 !important;
778
778
  }
779
779
  .ms-lg-d {
780
- margin-left: var(--spacer-default) !important;
780
+ margin-left: var(--spacing) !important;
781
781
  }
782
782
  .ms-lg-1 {
783
- margin-left: var(--spacer-1) !important;
783
+ margin-left: var(--spacing-1) !important;
784
784
  }
785
785
  .ms-lg-2 {
786
- margin-left: var(--spacer-2) !important;
786
+ margin-left: var(--spacing-2) !important;
787
787
  }
788
788
  .ms-lg-3 {
789
- margin-left: var(--spacer-3) !important;
789
+ margin-left: var(--spacing-3) !important;
790
790
  }
791
791
  .ms-lg-4 {
792
- margin-left: var(--spacer-4) !important;
792
+ margin-left: var(--spacing-4) !important;
793
793
  }
794
794
  .ms-lg-5 {
795
- margin-left: var(--spacer-5) !important;
795
+ margin-left: var(--spacing-5) !important;
796
796
  }
797
797
  .ms-lg-auto {
798
798
  margin-left: auto !important;
@@ -804,22 +804,22 @@
804
804
  margin: 0 !important;
805
805
  }
806
806
  .m-xl-d {
807
- margin: var(--spacer-default) !important;
807
+ margin: var(--spacing) !important;
808
808
  }
809
809
  .m-xl-1 {
810
- margin: var(--spacer-1) !important;
810
+ margin: var(--spacing-1) !important;
811
811
  }
812
812
  .m-xl-2 {
813
- margin: var(--spacer-2) !important;
813
+ margin: var(--spacing-2) !important;
814
814
  }
815
815
  .m-xl-3 {
816
- margin: var(--spacer-3) !important;
816
+ margin: var(--spacing-3) !important;
817
817
  }
818
818
  .m-xl-4 {
819
- margin: var(--spacer-4) !important;
819
+ margin: var(--spacing-4) !important;
820
820
  }
821
821
  .m-xl-5 {
822
- margin: var(--spacer-5) !important;
822
+ margin: var(--spacing-5) !important;
823
823
  }
824
824
  .m-xl-auto {
825
825
  margin: auto !important;
@@ -829,28 +829,28 @@
829
829
  margin-left: 0 !important;
830
830
  }
831
831
  .mx-xl-d {
832
- margin-right: var(--spacer-default) !important;
833
- margin-left: var(--spacer-default) !important;
832
+ margin-right: var(--spacing) !important;
833
+ margin-left: var(--spacing) !important;
834
834
  }
835
835
  .mx-xl-1 {
836
- margin-right: var(--spacer-1) !important;
837
- margin-left: var(--spacer-1) !important;
836
+ margin-right: var(--spacing-1) !important;
837
+ margin-left: var(--spacing-1) !important;
838
838
  }
839
839
  .mx-xl-2 {
840
- margin-right: var(--spacer-2) !important;
841
- margin-left: var(--spacer-2) !important;
840
+ margin-right: var(--spacing-2) !important;
841
+ margin-left: var(--spacing-2) !important;
842
842
  }
843
843
  .mx-xl-3 {
844
- margin-right: var(--spacer-3) !important;
845
- margin-left: var(--spacer-3) !important;
844
+ margin-right: var(--spacing-3) !important;
845
+ margin-left: var(--spacing-3) !important;
846
846
  }
847
847
  .mx-xl-4 {
848
- margin-right: var(--spacer-4) !important;
849
- margin-left: var(--spacer-4) !important;
848
+ margin-right: var(--spacing-4) !important;
849
+ margin-left: var(--spacing-4) !important;
850
850
  }
851
851
  .mx-xl-5 {
852
- margin-right: var(--spacer-5) !important;
853
- margin-left: var(--spacer-5) !important;
852
+ margin-right: var(--spacing-5) !important;
853
+ margin-left: var(--spacing-5) !important;
854
854
  }
855
855
  .mx-xl-auto {
856
856
  margin-right: auto !important;
@@ -861,28 +861,28 @@
861
861
  margin-bottom: 0 !important;
862
862
  }
863
863
  .my-xl-d {
864
- margin-top: var(--spacer-default) !important;
865
- margin-bottom: var(--spacer-default) !important;
864
+ margin-top: var(--spacing) !important;
865
+ margin-bottom: var(--spacing) !important;
866
866
  }
867
867
  .my-xl-1 {
868
- margin-top: var(--spacer-1) !important;
869
- margin-bottom: var(--spacer-1) !important;
868
+ margin-top: var(--spacing-1) !important;
869
+ margin-bottom: var(--spacing-1) !important;
870
870
  }
871
871
  .my-xl-2 {
872
- margin-top: var(--spacer-2) !important;
873
- margin-bottom: var(--spacer-2) !important;
872
+ margin-top: var(--spacing-2) !important;
873
+ margin-bottom: var(--spacing-2) !important;
874
874
  }
875
875
  .my-xl-3 {
876
- margin-top: var(--spacer-3) !important;
877
- margin-bottom: var(--spacer-3) !important;
876
+ margin-top: var(--spacing-3) !important;
877
+ margin-bottom: var(--spacing-3) !important;
878
878
  }
879
879
  .my-xl-4 {
880
- margin-top: var(--spacer-4) !important;
881
- margin-bottom: var(--spacer-4) !important;
880
+ margin-top: var(--spacing-4) !important;
881
+ margin-bottom: var(--spacing-4) !important;
882
882
  }
883
883
  .my-xl-5 {
884
- margin-top: var(--spacer-5) !important;
885
- margin-bottom: var(--spacer-5) !important;
884
+ margin-top: var(--spacing-5) !important;
885
+ margin-bottom: var(--spacing-5) !important;
886
886
  }
887
887
  .my-xl-auto {
888
888
  margin-top: auto !important;
@@ -892,22 +892,22 @@
892
892
  margin-top: 0 !important;
893
893
  }
894
894
  .mt-xl-d {
895
- margin-top: var(--spacer-default) !important;
895
+ margin-top: var(--spacing) !important;
896
896
  }
897
897
  .mt-xl-1 {
898
- margin-top: var(--spacer-1) !important;
898
+ margin-top: var(--spacing-1) !important;
899
899
  }
900
900
  .mt-xl-2 {
901
- margin-top: var(--spacer-2) !important;
901
+ margin-top: var(--spacing-2) !important;
902
902
  }
903
903
  .mt-xl-3 {
904
- margin-top: var(--spacer-3) !important;
904
+ margin-top: var(--spacing-3) !important;
905
905
  }
906
906
  .mt-xl-4 {
907
- margin-top: var(--spacer-4) !important;
907
+ margin-top: var(--spacing-4) !important;
908
908
  }
909
909
  .mt-xl-5 {
910
- margin-top: var(--spacer-5) !important;
910
+ margin-top: var(--spacing-5) !important;
911
911
  }
912
912
  .mt-xl-auto {
913
913
  margin-top: auto !important;
@@ -916,22 +916,22 @@
916
916
  margin-right: 0 !important;
917
917
  }
918
918
  .me-xl-d {
919
- margin-right: var(--spacer-default) !important;
919
+ margin-right: var(--spacing) !important;
920
920
  }
921
921
  .me-xl-1 {
922
- margin-right: var(--spacer-1) !important;
922
+ margin-right: var(--spacing-1) !important;
923
923
  }
924
924
  .me-xl-2 {
925
- margin-right: var(--spacer-2) !important;
925
+ margin-right: var(--spacing-2) !important;
926
926
  }
927
927
  .me-xl-3 {
928
- margin-right: var(--spacer-3) !important;
928
+ margin-right: var(--spacing-3) !important;
929
929
  }
930
930
  .me-xl-4 {
931
- margin-right: var(--spacer-4) !important;
931
+ margin-right: var(--spacing-4) !important;
932
932
  }
933
933
  .me-xl-5 {
934
- margin-right: var(--spacer-5) !important;
934
+ margin-right: var(--spacing-5) !important;
935
935
  }
936
936
  .me-xl-auto {
937
937
  margin-right: auto !important;
@@ -940,22 +940,22 @@
940
940
  margin-bottom: 0 !important;
941
941
  }
942
942
  .mb-xl-d {
943
- margin-bottom: var(--spacer-default) !important;
943
+ margin-bottom: var(--spacing) !important;
944
944
  }
945
945
  .mb-xl-1 {
946
- margin-bottom: var(--spacer-1) !important;
946
+ margin-bottom: var(--spacing-1) !important;
947
947
  }
948
948
  .mb-xl-2 {
949
- margin-bottom: var(--spacer-2) !important;
949
+ margin-bottom: var(--spacing-2) !important;
950
950
  }
951
951
  .mb-xl-3 {
952
- margin-bottom: var(--spacer-3) !important;
952
+ margin-bottom: var(--spacing-3) !important;
953
953
  }
954
954
  .mb-xl-4 {
955
- margin-bottom: var(--spacer-4) !important;
955
+ margin-bottom: var(--spacing-4) !important;
956
956
  }
957
957
  .mb-xl-5 {
958
- margin-bottom: var(--spacer-5) !important;
958
+ margin-bottom: var(--spacing-5) !important;
959
959
  }
960
960
  .mb-xl-auto {
961
961
  margin-bottom: auto !important;
@@ -964,22 +964,22 @@
964
964
  margin-left: 0 !important;
965
965
  }
966
966
  .ms-xl-d {
967
- margin-left: var(--spacer-default) !important;
967
+ margin-left: var(--spacing) !important;
968
968
  }
969
969
  .ms-xl-1 {
970
- margin-left: var(--spacer-1) !important;
970
+ margin-left: var(--spacing-1) !important;
971
971
  }
972
972
  .ms-xl-2 {
973
- margin-left: var(--spacer-2) !important;
973
+ margin-left: var(--spacing-2) !important;
974
974
  }
975
975
  .ms-xl-3 {
976
- margin-left: var(--spacer-3) !important;
976
+ margin-left: var(--spacing-3) !important;
977
977
  }
978
978
  .ms-xl-4 {
979
- margin-left: var(--spacer-4) !important;
979
+ margin-left: var(--spacing-4) !important;
980
980
  }
981
981
  .ms-xl-5 {
982
- margin-left: var(--spacer-5) !important;
982
+ margin-left: var(--spacing-5) !important;
983
983
  }
984
984
  .ms-xl-auto {
985
985
  margin-left: auto !important;
@@ -991,22 +991,22 @@
991
991
  margin: 0 !important;
992
992
  }
993
993
  .m-xxl-d {
994
- margin: var(--spacer-default) !important;
994
+ margin: var(--spacing) !important;
995
995
  }
996
996
  .m-xxl-1 {
997
- margin: var(--spacer-1) !important;
997
+ margin: var(--spacing-1) !important;
998
998
  }
999
999
  .m-xxl-2 {
1000
- margin: var(--spacer-2) !important;
1000
+ margin: var(--spacing-2) !important;
1001
1001
  }
1002
1002
  .m-xxl-3 {
1003
- margin: var(--spacer-3) !important;
1003
+ margin: var(--spacing-3) !important;
1004
1004
  }
1005
1005
  .m-xxl-4 {
1006
- margin: var(--spacer-4) !important;
1006
+ margin: var(--spacing-4) !important;
1007
1007
  }
1008
1008
  .m-xxl-5 {
1009
- margin: var(--spacer-5) !important;
1009
+ margin: var(--spacing-5) !important;
1010
1010
  }
1011
1011
  .m-xxl-auto {
1012
1012
  margin: auto !important;
@@ -1016,28 +1016,28 @@
1016
1016
  margin-left: 0 !important;
1017
1017
  }
1018
1018
  .mx-xxl-d {
1019
- margin-right: var(--spacer-default) !important;
1020
- margin-left: var(--spacer-default) !important;
1019
+ margin-right: var(--spacing) !important;
1020
+ margin-left: var(--spacing) !important;
1021
1021
  }
1022
1022
  .mx-xxl-1 {
1023
- margin-right: var(--spacer-1) !important;
1024
- margin-left: var(--spacer-1) !important;
1023
+ margin-right: var(--spacing-1) !important;
1024
+ margin-left: var(--spacing-1) !important;
1025
1025
  }
1026
1026
  .mx-xxl-2 {
1027
- margin-right: var(--spacer-2) !important;
1028
- margin-left: var(--spacer-2) !important;
1027
+ margin-right: var(--spacing-2) !important;
1028
+ margin-left: var(--spacing-2) !important;
1029
1029
  }
1030
1030
  .mx-xxl-3 {
1031
- margin-right: var(--spacer-3) !important;
1032
- margin-left: var(--spacer-3) !important;
1031
+ margin-right: var(--spacing-3) !important;
1032
+ margin-left: var(--spacing-3) !important;
1033
1033
  }
1034
1034
  .mx-xxl-4 {
1035
- margin-right: var(--spacer-4) !important;
1036
- margin-left: var(--spacer-4) !important;
1035
+ margin-right: var(--spacing-4) !important;
1036
+ margin-left: var(--spacing-4) !important;
1037
1037
  }
1038
1038
  .mx-xxl-5 {
1039
- margin-right: var(--spacer-5) !important;
1040
- margin-left: var(--spacer-5) !important;
1039
+ margin-right: var(--spacing-5) !important;
1040
+ margin-left: var(--spacing-5) !important;
1041
1041
  }
1042
1042
  .mx-xxl-auto {
1043
1043
  margin-right: auto !important;
@@ -1048,28 +1048,28 @@
1048
1048
  margin-bottom: 0 !important;
1049
1049
  }
1050
1050
  .my-xxl-d {
1051
- margin-top: var(--spacer-default) !important;
1052
- margin-bottom: var(--spacer-default) !important;
1051
+ margin-top: var(--spacing) !important;
1052
+ margin-bottom: var(--spacing) !important;
1053
1053
  }
1054
1054
  .my-xxl-1 {
1055
- margin-top: var(--spacer-1) !important;
1056
- margin-bottom: var(--spacer-1) !important;
1055
+ margin-top: var(--spacing-1) !important;
1056
+ margin-bottom: var(--spacing-1) !important;
1057
1057
  }
1058
1058
  .my-xxl-2 {
1059
- margin-top: var(--spacer-2) !important;
1060
- margin-bottom: var(--spacer-2) !important;
1059
+ margin-top: var(--spacing-2) !important;
1060
+ margin-bottom: var(--spacing-2) !important;
1061
1061
  }
1062
1062
  .my-xxl-3 {
1063
- margin-top: var(--spacer-3) !important;
1064
- margin-bottom: var(--spacer-3) !important;
1063
+ margin-top: var(--spacing-3) !important;
1064
+ margin-bottom: var(--spacing-3) !important;
1065
1065
  }
1066
1066
  .my-xxl-4 {
1067
- margin-top: var(--spacer-4) !important;
1068
- margin-bottom: var(--spacer-4) !important;
1067
+ margin-top: var(--spacing-4) !important;
1068
+ margin-bottom: var(--spacing-4) !important;
1069
1069
  }
1070
1070
  .my-xxl-5 {
1071
- margin-top: var(--spacer-5) !important;
1072
- margin-bottom: var(--spacer-5) !important;
1071
+ margin-top: var(--spacing-5) !important;
1072
+ margin-bottom: var(--spacing-5) !important;
1073
1073
  }
1074
1074
  .my-xxl-auto {
1075
1075
  margin-top: auto !important;
@@ -1079,22 +1079,22 @@
1079
1079
  margin-top: 0 !important;
1080
1080
  }
1081
1081
  .mt-xxl-d {
1082
- margin-top: var(--spacer-default) !important;
1082
+ margin-top: var(--spacing) !important;
1083
1083
  }
1084
1084
  .mt-xxl-1 {
1085
- margin-top: var(--spacer-1) !important;
1085
+ margin-top: var(--spacing-1) !important;
1086
1086
  }
1087
1087
  .mt-xxl-2 {
1088
- margin-top: var(--spacer-2) !important;
1088
+ margin-top: var(--spacing-2) !important;
1089
1089
  }
1090
1090
  .mt-xxl-3 {
1091
- margin-top: var(--spacer-3) !important;
1091
+ margin-top: var(--spacing-3) !important;
1092
1092
  }
1093
1093
  .mt-xxl-4 {
1094
- margin-top: var(--spacer-4) !important;
1094
+ margin-top: var(--spacing-4) !important;
1095
1095
  }
1096
1096
  .mt-xxl-5 {
1097
- margin-top: var(--spacer-5) !important;
1097
+ margin-top: var(--spacing-5) !important;
1098
1098
  }
1099
1099
  .mt-xxl-auto {
1100
1100
  margin-top: auto !important;
@@ -1103,22 +1103,22 @@
1103
1103
  margin-right: 0 !important;
1104
1104
  }
1105
1105
  .me-xxl-d {
1106
- margin-right: var(--spacer-default) !important;
1106
+ margin-right: var(--spacing) !important;
1107
1107
  }
1108
1108
  .me-xxl-1 {
1109
- margin-right: var(--spacer-1) !important;
1109
+ margin-right: var(--spacing-1) !important;
1110
1110
  }
1111
1111
  .me-xxl-2 {
1112
- margin-right: var(--spacer-2) !important;
1112
+ margin-right: var(--spacing-2) !important;
1113
1113
  }
1114
1114
  .me-xxl-3 {
1115
- margin-right: var(--spacer-3) !important;
1115
+ margin-right: var(--spacing-3) !important;
1116
1116
  }
1117
1117
  .me-xxl-4 {
1118
- margin-right: var(--spacer-4) !important;
1118
+ margin-right: var(--spacing-4) !important;
1119
1119
  }
1120
1120
  .me-xxl-5 {
1121
- margin-right: var(--spacer-5) !important;
1121
+ margin-right: var(--spacing-5) !important;
1122
1122
  }
1123
1123
  .me-xxl-auto {
1124
1124
  margin-right: auto !important;
@@ -1127,22 +1127,22 @@
1127
1127
  margin-bottom: 0 !important;
1128
1128
  }
1129
1129
  .mb-xxl-d {
1130
- margin-bottom: var(--spacer-default) !important;
1130
+ margin-bottom: var(--spacing) !important;
1131
1131
  }
1132
1132
  .mb-xxl-1 {
1133
- margin-bottom: var(--spacer-1) !important;
1133
+ margin-bottom: var(--spacing-1) !important;
1134
1134
  }
1135
1135
  .mb-xxl-2 {
1136
- margin-bottom: var(--spacer-2) !important;
1136
+ margin-bottom: var(--spacing-2) !important;
1137
1137
  }
1138
1138
  .mb-xxl-3 {
1139
- margin-bottom: var(--spacer-3) !important;
1139
+ margin-bottom: var(--spacing-3) !important;
1140
1140
  }
1141
1141
  .mb-xxl-4 {
1142
- margin-bottom: var(--spacer-4) !important;
1142
+ margin-bottom: var(--spacing-4) !important;
1143
1143
  }
1144
1144
  .mb-xxl-5 {
1145
- margin-bottom: var(--spacer-5) !important;
1145
+ margin-bottom: var(--spacing-5) !important;
1146
1146
  }
1147
1147
  .mb-xxl-auto {
1148
1148
  margin-bottom: auto !important;
@@ -1151,22 +1151,22 @@
1151
1151
  margin-left: 0 !important;
1152
1152
  }
1153
1153
  .ms-xxl-d {
1154
- margin-left: var(--spacer-default) !important;
1154
+ margin-left: var(--spacing) !important;
1155
1155
  }
1156
1156
  .ms-xxl-1 {
1157
- margin-left: var(--spacer-1) !important;
1157
+ margin-left: var(--spacing-1) !important;
1158
1158
  }
1159
1159
  .ms-xxl-2 {
1160
- margin-left: var(--spacer-2) !important;
1160
+ margin-left: var(--spacing-2) !important;
1161
1161
  }
1162
1162
  .ms-xxl-3 {
1163
- margin-left: var(--spacer-3) !important;
1163
+ margin-left: var(--spacing-3) !important;
1164
1164
  }
1165
1165
  .ms-xxl-4 {
1166
- margin-left: var(--spacer-4) !important;
1166
+ margin-left: var(--spacing-4) !important;
1167
1167
  }
1168
1168
  .ms-xxl-5 {
1169
- margin-left: var(--spacer-5) !important;
1169
+ margin-left: var(--spacing-5) !important;
1170
1170
  }
1171
1171
  .ms-xxl-auto {
1172
1172
  margin-left: auto !important;