@semanticus/semanticus-css 0.8.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 (166) 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 +28 -16
  29. package/src/components/_card.css +84 -0
  30. package/src/components/_sidebar.css +49 -0
  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/{_aria-busy.css → attributes/_aria-busy.css} +0 -3
  55. package/src/semantics/{_hidden.css → attributes/_hidden.css} +0 -3
  56. package/src/semantics/attributes/_popover.css +13 -0
  57. package/src/semantics/attributes/_role-group-search.css +137 -0
  58. package/src/semantics/{_role-toolbar.css → attributes/_role-toolbar.css} +2 -5
  59. package/src/semantics/{_role-tooltip.css → attributes/_role-tooltip.css} +6 -9
  60. package/src/semantics/elements/_abbr.css +5 -0
  61. package/src/semantics/elements/_address.css +7 -0
  62. package/src/semantics/elements/_article.css +3 -0
  63. package/src/semantics/elements/_aside.css +10 -0
  64. package/src/semantics/elements/_blockquote.css +18 -0
  65. package/src/semantics/elements/_body.css +5 -0
  66. package/src/semantics/{_button.css → elements/_button.css} +23 -26
  67. package/src/semantics/{_code.css → elements/_code.css} +11 -11
  68. package/src/semantics/elements/_del.css +3 -0
  69. package/src/semantics/{_details.css → elements/_details.css} +42 -43
  70. package/src/semantics/elements/_dialog.css +113 -0
  71. package/src/semantics/{_document.css → elements/_document.css} +10 -4
  72. package/src/semantics/{_embedded.css → elements/_embedded.css} +0 -3
  73. package/src/semantics/{_figure.css → elements/_figure.css} +0 -3
  74. package/src/semantics/elements/_footer.css +10 -0
  75. package/src/semantics/elements/_header.css +10 -0
  76. package/src/semantics/elements/_headings.css +24 -0
  77. package/src/semantics/elements/_hgroup.css +14 -0
  78. package/src/semantics/{_hr.css → elements/_hr.css} +1 -4
  79. package/src/semantics/{_input.css → elements/_input.css} +34 -38
  80. package/src/semantics/elements/_ins.css +4 -0
  81. package/src/semantics/elements/_links.css +61 -0
  82. package/src/semantics/elements/_lists.css +22 -0
  83. package/src/semantics/elements/_main.css +3 -0
  84. package/src/semantics/elements/_mark.css +6 -0
  85. package/src/semantics/{_nav.css → elements/_nav.css} +5 -8
  86. package/src/semantics/elements/_p.css +11 -0
  87. package/src/semantics/{_progress.css → elements/_progress.css} +5 -8
  88. package/src/semantics/elements/_section.css +4 -0
  89. package/src/semantics/elements/_small.css +3 -0
  90. package/src/semantics/elements/_strong.css +4 -0
  91. package/src/semantics/elements/_sub.css +7 -0
  92. package/src/semantics/elements/_sup.css +7 -0
  93. package/src/semantics/{_table.css → elements/_table.css} +10 -7
  94. package/src/semantics/{_type-checkbox-radio.css → elements/_type-checkbox-radio.css} +19 -22
  95. package/src/semantics/{_type-color.css → elements/_type-color.css} +2 -5
  96. package/src/semantics/{_type-date.css → elements/_type-date.css} +1 -4
  97. package/src/semantics/elements/_type-file.css +23 -0
  98. package/src/semantics/{_type-range.css → elements/_type-range.css} +11 -14
  99. package/src/semantics/elements/_type-search.css +30 -0
  100. package/src/semantics/index.css +2 -5
  101. package/src/semantics/modules.css +46 -37
  102. package/src/sizes/pico.css +21 -29
  103. package/src/utilities/_grid.css +306 -0
  104. package/src/utilities/_variables.css +27 -42
  105. package/src/utilities/borders/_border-radius.css +54 -79
  106. package/src/utilities/borders/_border-style.css +15 -5
  107. package/src/utilities/borders/_border-width.css +0 -28
  108. package/src/utilities/colors/_bg-colors.css +75 -0
  109. package/src/utilities/colors/_border-colors.css +17 -39
  110. package/src/utilities/colors/_subtle-colors.css +145 -0
  111. package/src/utilities/colors/_text-bg-colors.css +62 -0
  112. package/src/utilities/colors/_text-colors.css +32 -409
  113. package/src/utilities/effects/_focus-ring.css +33 -0
  114. package/src/utilities/effects/_shadows.css +0 -33
  115. package/src/utilities/index.css +16 -0
  116. package/src/utilities/layout/_misc.css +2 -5
  117. package/src/utilities/layout/{_grid.css → _ratio.css} +0 -19
  118. package/src/utilities/modules.css +9 -3
  119. package/src/utilities/sizing/_width.css +8 -0
  120. package/src/utilities/spacing/_gap.css +144 -144
  121. package/src/utilities/spacing/_margin.css +324 -324
  122. package/src/utilities/spacing/_padding.css +324 -324
  123. package/src/utilities/typography/_font-sizes.css +6 -6
  124. package/src/variables/_all.css +2 -20
  125. package/src/variables/_elements.css +29 -33
  126. package/src/variables/_theme.css +336 -0
  127. package/src/variants/_variables.css +24 -0
  128. package/src/variants/intent/_contrast.css +46 -0
  129. package/src/variants/intent/_danger.css +38 -0
  130. package/src/variants/intent/_info.css +38 -0
  131. package/src/variants/intent/_primary.css +38 -0
  132. package/src/variants/intent/_secondary.css +38 -0
  133. package/src/variants/intent/_success.css +38 -0
  134. package/src/variants/intent/_warning.css +38 -0
  135. package/src/variants/{_container.css → modifiers/_container.css} +3 -10
  136. package/src/variants/modifiers/_ghost.css +164 -0
  137. package/src/variants/modifiers/_striped.css +11 -0
  138. package/src/variants/modifiers/_subtle.css +133 -0
  139. package/src/variants/modules.css +12 -15
  140. package/src/_normalize.css +0 -214
  141. package/src/semantics/_article.css +0 -12
  142. package/src/semantics/_aside.css +0 -16
  143. package/src/semantics/_body.css +0 -8
  144. package/src/semantics/_dialog.css +0 -157
  145. package/src/semantics/_footer.css +0 -12
  146. package/src/semantics/_header.css +0 -12
  147. package/src/semantics/_links.css +0 -50
  148. package/src/semantics/_main.css +0 -10
  149. package/src/semantics/_role-group-search.css +0 -129
  150. package/src/semantics/_section.css +0 -9
  151. package/src/semantics/_type-file.css +0 -26
  152. package/src/semantics/_type-search.css +0 -34
  153. package/src/semantics/_typography.css +0 -146
  154. package/src/utilities/colors/_background-colors.css +0 -248
  155. package/src/variables/_colors.css +0 -366
  156. package/src/variables/_components.css +0 -318
  157. package/src/variables/_icons.css +0 -43
  158. package/src/variables/_layout.css +0 -128
  159. package/src/variants/_card.css +0 -45
  160. package/src/variants/_contained.css +0 -43
  161. package/src/variants/_contrast.css +0 -47
  162. package/src/variants/_ghost.css +0 -61
  163. package/src/variants/_panel.css +0 -18
  164. package/src/variants/_secondary.css +0 -35
  165. package/src/variants/_sidebar.css +0 -11
  166. package/src/variants/_striped.css +0 -10
package/src/utilities/spacing/_gap.css CHANGED
@@ -3,27 +3,27 @@
3
3
  }
4
4
 
5
5
  .gap-d {
6
- gap: var(--spacer-default) !important;
6
+ gap: var(--spacing) !important;
7
7
  }
8
8
 
9
9
  .gap-1 {
10
- gap: var(--spacer-1) !important;
10
+ gap: var(--spacing-1) !important;
11
11
  }
12
12
 
13
13
  .gap-2 {
14
- gap: var(--spacer-2) !important;
14
+ gap: var(--spacing-2) !important;
15
15
  }
16
16
 
17
17
  .gap-3 {
18
- gap: var(--spacer-3) !important;
18
+ gap: var(--spacing-3) !important;
19
19
  }
20
20
 
21
21
  .gap-4 {
22
- gap: var(--spacer-4) !important;
22
+ gap: var(--spacing-4) !important;
23
23
  }
24
24
 
25
25
  .gap-5 {
26
- gap: var(--spacer-5) !important;
26
+ gap: var(--spacing-5) !important;
27
27
  }
28
28
 
29
29
  .row-gap-0 {
@@ -31,27 +31,27 @@
31
31
  }
32
32
 
33
33
  .row-gap-d {
34
- row-gap: var(--spacer-default) !important;
34
+ row-gap: var(--spacing) !important;
35
35
  }
36
36
 
37
37
  .row-gap-1 {
38
- row-gap: var(--spacer-1) !important;
38
+ row-gap: var(--spacing-1) !important;
39
39
  }
40
40
 
41
41
  .row-gap-2 {
42
- row-gap: var(--spacer-2) !important;
42
+ row-gap: var(--spacing-2) !important;
43
43
  }
44
44
 
45
45
  .row-gap-3 {
46
- row-gap: var(--spacer-3) !important;
46
+ row-gap: var(--spacing-3) !important;
47
47
  }
48
48
 
49
49
  .row-gap-4 {
50
- row-gap: var(--spacer-4) !important;
50
+ row-gap: var(--spacing-4) !important;
51
51
  }
52
52
 
53
53
  .row-gap-5 {
54
- row-gap: var(--spacer-5) !important;
54
+ row-gap: var(--spacing-5) !important;
55
55
  }
56
56
 
57
57
  .column-gap-0 {
@@ -60,33 +60,33 @@
60
60
  }
61
61
 
62
62
  .column-gap-d {
63
- -moz-column-gap: var(--spacer-default) !important;
64
- column-gap: var(--spacer-default) !important;
63
+ -moz-column-gap: var(--spacing) !important;
64
+ column-gap: var(--spacing) !important;
65
65
  }
66
66
 
67
67
  .column-gap-1 {
68
- -moz-column-gap: var(--spacer-1) !important;
69
- column-gap: var(--spacer-1) !important;
68
+ -moz-column-gap: var(--spacing-1) !important;
69
+ column-gap: var(--spacing-1) !important;
70
70
  }
71
71
 
72
72
  .column-gap-2 {
73
- -moz-column-gap: var(--spacer-2) !important;
74
- column-gap: var(--spacer-2) !important;
73
+ -moz-column-gap: var(--spacing-2) !important;
74
+ column-gap: var(--spacing-2) !important;
75
75
  }
76
76
 
77
77
  .column-gap-3 {
78
- -moz-column-gap: var(--spacer-3) !important;
79
- column-gap: var(--spacer-3) !important;
78
+ -moz-column-gap: var(--spacing-3) !important;
79
+ column-gap: var(--spacing-3) !important;
80
80
  }
81
81
 
82
82
  .column-gap-4 {
83
- -moz-column-gap: var(--spacer-4) !important;
84
- column-gap: var(--spacer-4) !important;
83
+ -moz-column-gap: var(--spacing-4) !important;
84
+ column-gap: var(--spacing-4) !important;
85
85
  }
86
86
 
87
87
  .column-gap-5 {
88
- -moz-column-gap: var(--spacer-5) !important;
89
- column-gap: var(--spacer-5) !important;
88
+ -moz-column-gap: var(--spacing-5) !important;
89
+ column-gap: var(--spacing-5) !important;
90
90
  }
91
91
 
92
92
  @media (--breakpoint-sm) {
@@ -94,71 +94,71 @@
94
94
  gap: 0 !important;
95
95
  }
96
96
  .gap-sm-d {
97
- gap: var(--spacer-default) !important;
97
+ gap: var(--spacing) !important;
98
98
  }
99
99
  .gap-sm-1 {
100
- gap: var(--spacer-1) !important;
100
+ gap: var(--spacing-1) !important;
101
101
  }
102
102
  .gap-sm-2 {
103
- gap: var(--spacer-2) !important;
103
+ gap: var(--spacing-2) !important;
104
104
  }
105
105
  .gap-sm-3 {
106
- gap: var(--spacer-3) !important;
106
+ gap: var(--spacing-3) !important;
107
107
  }
108
108
  .gap-sm-4 {
109
- gap: var(--spacer-4) !important;
109
+ gap: var(--spacing-4) !important;
110
110
  }
111
111
  .gap-sm-5 {
112
- gap: var(--spacer-5) !important;
112
+ gap: var(--spacing-5) !important;
113
113
  }
114
114
  .row-gap-sm-0 {
115
115
  row-gap: 0 !important;
116
116
  }
117
117
  .row-gap-sm-d {
118
- row-gap: var(--spacer-default) !important;
118
+ row-gap: var(--spacing) !important;
119
119
  }
120
120
  .row-gap-sm-1 {
121
- row-gap: var(--spacer-1) !important;
121
+ row-gap: var(--spacing-1) !important;
122
122
  }
123
123
  .row-gap-sm-2 {
124
- row-gap: var(--spacer-2) !important;
124
+ row-gap: var(--spacing-2) !important;
125
125
  }
126
126
  .row-gap-sm-3 {
127
- row-gap: var(--spacer-3) !important;
127
+ row-gap: var(--spacing-3) !important;
128
128
  }
129
129
  .row-gap-sm-4 {
130
- row-gap: var(--spacer-4) !important;
130
+ row-gap: var(--spacing-4) !important;
131
131
  }
132
132
  .row-gap-sm-5 {
133
- row-gap: var(--spacer-5) !important;
133
+ row-gap: var(--spacing-5) !important;
134
134
  }
135
135
  .column-gap-sm-0 {
136
136
  -moz-column-gap: 0 !important;
137
137
  column-gap: 0 !important;
138
138
  }
139
139
  .column-gap-sm-d {
140
- -moz-column-gap: var(--spacer-default) !important;
141
- column-gap: var(--spacer-default) !important;
140
+ -moz-column-gap: var(--spacing) !important;
141
+ column-gap: var(--spacing) !important;
142
142
  }
143
143
  .column-gap-sm-1 {
144
- -moz-column-gap: var(--spacer-1) !important;
145
- column-gap: var(--spacer-1) !important;
144
+ -moz-column-gap: var(--spacing-1) !important;
145
+ column-gap: var(--spacing-1) !important;
146
146
  }
147
147
  .column-gap-sm-2 {
148
- -moz-column-gap: var(--spacer-2) !important;
149
- column-gap: var(--spacer-2) !important;
148
+ -moz-column-gap: var(--spacing-2) !important;
149
+ column-gap: var(--spacing-2) !important;
150
150
  }
151
151
  .column-gap-sm-3 {
152
- -moz-column-gap: var(--spacer-3) !important;
153
- column-gap: var(--spacer-3) !important;
152
+ -moz-column-gap: var(--spacing-3) !important;
153
+ column-gap: var(--spacing-3) !important;
154
154
  }
155
155
  .column-gap-sm-4 {
156
- -moz-column-gap: var(--spacer-4) !important;
157
- column-gap: var(--spacer-4) !important;
156
+ -moz-column-gap: var(--spacing-4) !important;
157
+ column-gap: var(--spacing-4) !important;
158
158
  }
159
159
  .column-gap-sm-5 {
160
- -moz-column-gap: var(--spacer-5) !important;
161
- column-gap: var(--spacer-5) !important;
160
+ -moz-column-gap: var(--spacing-5) !important;
161
+ column-gap: var(--spacing-5) !important;
162
162
  }
163
163
  }
164
164
 
@@ -167,71 +167,71 @@
167
167
  gap: 0 !important;
168
168
  }
169
169
  .gap-md-d {
170
- gap: var(--spacer-default) !important;
170
+ gap: var(--spacing) !important;
171
171
  }
172
172
  .gap-md-1 {
173
- gap: var(--spacer-1) !important;
173
+ gap: var(--spacing-1) !important;
174
174
  }
175
175
  .gap-md-2 {
176
- gap: var(--spacer-2) !important;
176
+ gap: var(--spacing-2) !important;
177
177
  }
178
178
  .gap-md-3 {
179
- gap: var(--spacer-3) !important;
179
+ gap: var(--spacing-3) !important;
180
180
  }
181
181
  .gap-md-4 {
182
- gap: var(--spacer-4) !important;
182
+ gap: var(--spacing-4) !important;
183
183
  }
184
184
  .gap-md-5 {
185
- gap: var(--spacer-5) !important;
185
+ gap: var(--spacing-5) !important;
186
186
  }
187
187
  .row-gap-md-0 {
188
188
  row-gap: 0 !important;
189
189
  }
190
190
  .row-gap-md-d {
191
- row-gap: var(--spacer-default) !important;
191
+ row-gap: var(--spacing) !important;
192
192
  }
193
193
  .row-gap-md-1 {
194
- row-gap: var(--spacer-1) !important;
194
+ row-gap: var(--spacing-1) !important;
195
195
  }
196
196
  .row-gap-md-2 {
197
- row-gap: var(--spacer-2) !important;
197
+ row-gap: var(--spacing-2) !important;
198
198
  }
199
199
  .row-gap-md-3 {
200
- row-gap: var(--spacer-3) !important;
200
+ row-gap: var(--spacing-3) !important;
201
201
  }
202
202
  .row-gap-md-4 {
203
- row-gap: var(--spacer-4) !important;
203
+ row-gap: var(--spacing-4) !important;
204
204
  }
205
205
  .row-gap-md-5 {
206
- row-gap: var(--spacer-5) !important;
206
+ row-gap: var(--spacing-5) !important;
207
207
  }
208
208
  .column-gap-md-0 {
209
209
  -moz-column-gap: 0 !important;
210
210
  column-gap: 0 !important;
211
211
  }
212
212
  .column-gap-md-d {
213
- -moz-column-gap: var(--spacer-default) !important;
214
- column-gap: var(--spacer-default) !important;
213
+ -moz-column-gap: var(--spacing) !important;
214
+ column-gap: var(--spacing) !important;
215
215
  }
216
216
  .column-gap-md-1 {
217
- -moz-column-gap: var(--spacer-1) !important;
218
- column-gap: var(--spacer-1) !important;
217
+ -moz-column-gap: var(--spacing-1) !important;
218
+ column-gap: var(--spacing-1) !important;
219
219
  }
220
220
  .column-gap-md-2 {
221
- -moz-column-gap: var(--spacer-2) !important;
222
- column-gap: var(--spacer-2) !important;
221
+ -moz-column-gap: var(--spacing-2) !important;
222
+ column-gap: var(--spacing-2) !important;
223
223
  }
224
224
  .column-gap-md-3 {
225
- -moz-column-gap: var(--spacer-3) !important;
226
- column-gap: var(--spacer-3) !important;
225
+ -moz-column-gap: var(--spacing-3) !important;
226
+ column-gap: var(--spacing-3) !important;
227
227
  }
228
228
  .column-gap-md-4 {
229
- -moz-column-gap: var(--spacer-4) !important;
230
- column-gap: var(--spacer-4) !important;
229
+ -moz-column-gap: var(--spacing-4) !important;
230
+ column-gap: var(--spacing-4) !important;
231
231
  }
232
232
  .column-gap-md-5 {
233
- -moz-column-gap: var(--spacer-5) !important;
234
- column-gap: var(--spacer-5) !important;
233
+ -moz-column-gap: var(--spacing-5) !important;
234
+ column-gap: var(--spacing-5) !important;
235
235
  }
236
236
  }
237
237
 
@@ -240,71 +240,71 @@
240
240
  gap: 0 !important;
241
241
  }
242
242
  .gap-lg-d {
243
- gap: var(--spacer-default) !important;
243
+ gap: var(--spacing) !important;
244
244
  }
245
245
  .gap-lg-1 {
246
- gap: var(--spacer-1) !important;
246
+ gap: var(--spacing-1) !important;
247
247
  }
248
248
  .gap-lg-2 {
249
- gap: var(--spacer-2) !important;
249
+ gap: var(--spacing-2) !important;
250
250
  }
251
251
  .gap-lg-3 {
252
- gap: var(--spacer-3) !important;
252
+ gap: var(--spacing-3) !important;
253
253
  }
254
254
  .gap-lg-4 {
255
- gap: var(--spacer-4) !important;
255
+ gap: var(--spacing-4) !important;
256
256
  }
257
257
  .gap-lg-5 {
258
- gap: var(--spacer-5) !important;
258
+ gap: var(--spacing-5) !important;
259
259
  }
260
260
  .row-gap-lg-0 {
261
261
  row-gap: 0 !important;
262
262
  }
263
263
  .row-gap-lg-d {
264
- row-gap: var(--spacer-default) !important;
264
+ row-gap: var(--spacing) !important;
265
265
  }
266
266
  .row-gap-lg-1 {
267
- row-gap: var(--spacer-1) !important;
267
+ row-gap: var(--spacing-1) !important;
268
268
  }
269
269
  .row-gap-lg-2 {
270
- row-gap: var(--spacer-2) !important;
270
+ row-gap: var(--spacing-2) !important;
271
271
  }
272
272
  .row-gap-lg-3 {
273
- row-gap: var(--spacer-3) !important;
273
+ row-gap: var(--spacing-3) !important;
274
274
  }
275
275
  .row-gap-lg-4 {
276
- row-gap: var(--spacer-4) !important;
276
+ row-gap: var(--spacing-4) !important;
277
277
  }
278
278
  .row-gap-lg-5 {
279
- row-gap: var(--spacer-5) !important;
279
+ row-gap: var(--spacing-5) !important;
280
280
  }
281
281
  .column-gap-lg-0 {
282
282
  -moz-column-gap: 0 !important;
283
283
  column-gap: 0 !important;
284
284
  }
285
285
  .column-gap-lg-d {
286
- -moz-column-gap: var(--spacer-default) !important;
287
- column-gap: var(--spacer-default) !important;
286
+ -moz-column-gap: var(--spacing) !important;
287
+ column-gap: var(--spacing) !important;
288
288
  }
289
289
  .column-gap-lg-1 {
290
- -moz-column-gap: var(--spacer-1) !important;
291
- column-gap: var(--spacer-1) !important;
290
+ -moz-column-gap: var(--spacing-1) !important;
291
+ column-gap: var(--spacing-1) !important;
292
292
  }
293
293
  .column-gap-lg-2 {
294
- -moz-column-gap: var(--spacer-2) !important;
295
- column-gap: var(--spacer-2) !important;
294
+ -moz-column-gap: var(--spacing-2) !important;
295
+ column-gap: var(--spacing-2) !important;
296
296
  }
297
297
  .column-gap-lg-3 {
298
- -moz-column-gap: var(--spacer-3) !important;
299
- column-gap: var(--spacer-3) !important;
298
+ -moz-column-gap: var(--spacing-3) !important;
299
+ column-gap: var(--spacing-3) !important;
300
300
  }
301
301
  .column-gap-lg-4 {
302
- -moz-column-gap: var(--spacer-4) !important;
303
- column-gap: var(--spacer-4) !important;
302
+ -moz-column-gap: var(--spacing-4) !important;
303
+ column-gap: var(--spacing-4) !important;
304
304
  }
305
305
  .column-gap-lg-5 {
306
- -moz-column-gap: var(--spacer-5) !important;
307
- column-gap: var(--spacer-5) !important;
306
+ -moz-column-gap: var(--spacing-5) !important;
307
+ column-gap: var(--spacing-5) !important;
308
308
  }
309
309
  }
310
310
 
@@ -313,71 +313,71 @@
313
313
  gap: 0 !important;
314
314
  }
315
315
  .gap-xl-d {
316
- gap: var(--spacer-default) !important;
316
+ gap: var(--spacing) !important;
317
317
  }
318
318
  .gap-xl-1 {
319
- gap: var(--spacer-1) !important;
319
+ gap: var(--spacing-1) !important;
320
320
  }
321
321
  .gap-xl-2 {
322
- gap: var(--spacer-2) !important;
322
+ gap: var(--spacing-2) !important;
323
323
  }
324
324
  .gap-xl-3 {
325
- gap: var(--spacer-3) !important;
325
+ gap: var(--spacing-3) !important;
326
326
  }
327
327
  .gap-xl-4 {
328
- gap: var(--spacer-4) !important;
328
+ gap: var(--spacing-4) !important;
329
329
  }
330
330
  .gap-xl-5 {
331
- gap: var(--spacer-5) !important;
331
+ gap: var(--spacing-5) !important;
332
332
  }
333
333
  .row-gap-xl-0 {
334
334
  row-gap: 0 !important;
335
335
  }
336
336
  .row-gap-xl-d {
337
- row-gap: var(--spacer-default) !important;
337
+ row-gap: var(--spacing) !important;
338
338
  }
339
339
  .row-gap-xl-1 {
340
- row-gap: var(--spacer-1) !important;
340
+ row-gap: var(--spacing-1) !important;
341
341
  }
342
342
  .row-gap-xl-2 {
343
- row-gap: var(--spacer-2) !important;
343
+ row-gap: var(--spacing-2) !important;
344
344
  }
345
345
  .row-gap-xl-3 {
346
- row-gap: var(--spacer-3) !important;
346
+ row-gap: var(--spacing-3) !important;
347
347
  }
348
348
  .row-gap-xl-4 {
349
- row-gap: var(--spacer-4) !important;
349
+ row-gap: var(--spacing-4) !important;
350
350
  }
351
351
  .row-gap-xl-5 {
352
- row-gap: var(--spacer-5) !important;
352
+ row-gap: var(--spacing-5) !important;
353
353
  }
354
354
  .column-gap-xl-0 {
355
355
  -moz-column-gap: 0 !important;
356
356
  column-gap: 0 !important;
357
357
  }
358
358
  .column-gap-xl-d {
359
- -moz-column-gap: var(--spacer-default) !important;
360
- column-gap: var(--spacer-default) !important;
359
+ -moz-column-gap: var(--spacing) !important;
360
+ column-gap: var(--spacing) !important;
361
361
  }
362
362
  .column-gap-xl-1 {
363
- -moz-column-gap: var(--spacer-1) !important;
364
- column-gap: var(--spacer-1) !important;
363
+ -moz-column-gap: var(--spacing-1) !important;
364
+ column-gap: var(--spacing-1) !important;
365
365
  }
366
366
  .column-gap-xl-2 {
367
- -moz-column-gap: var(--spacer-2) !important;
368
- column-gap: var(--spacer-2) !important;
367
+ -moz-column-gap: var(--spacing-2) !important;
368
+ column-gap: var(--spacing-2) !important;
369
369
  }
370
370
  .column-gap-xl-3 {
371
- -moz-column-gap: var(--spacer-3) !important;
372
- column-gap: var(--spacer-3) !important;
371
+ -moz-column-gap: var(--spacing-3) !important;
372
+ column-gap: var(--spacing-3) !important;
373
373
  }
374
374
  .column-gap-xl-4 {
375
- -moz-column-gap: var(--spacer-4) !important;
376
- column-gap: var(--spacer-4) !important;
375
+ -moz-column-gap: var(--spacing-4) !important;
376
+ column-gap: var(--spacing-4) !important;
377
377
  }
378
378
  .column-gap-xl-5 {
379
- -moz-column-gap: var(--spacer-5) !important;
380
- column-gap: var(--spacer-5) !important;
379
+ -moz-column-gap: var(--spacing-5) !important;
380
+ column-gap: var(--spacing-5) !important;
381
381
  }
382
382
  }
383
383
 
@@ -386,71 +386,71 @@
386
386
  gap: 0 !important;
387
387
  }
388
388
  .gap-xxl-d {
389
- gap: var(--spacer-default) !important;
389
+ gap: var(--spacing) !important;
390
390
  }
391
391
  .gap-xxl-1 {
392
- gap: var(--spacer-1) !important;
392
+ gap: var(--spacing-1) !important;
393
393
  }
394
394
  .gap-xxl-2 {
395
- gap: var(--spacer-2) !important;
395
+ gap: var(--spacing-2) !important;
396
396
  }
397
397
  .gap-xxl-3 {
398
- gap: var(--spacer-3) !important;
398
+ gap: var(--spacing-3) !important;
399
399
  }
400
400
  .gap-xxl-4 {
401
- gap: var(--spacer-4) !important;
401
+ gap: var(--spacing-4) !important;
402
402
  }
403
403
  .gap-xxl-5 {
404
- gap: var(--spacer-5) !important;
404
+ gap: var(--spacing-5) !important;
405
405
  }
406
406
  .row-gap-xxl-0 {
407
407
  row-gap: 0 !important;
408
408
  }
409
409
  .row-gap-xxl-d {
410
- row-gap: var(--spacer-default) !important;
410
+ row-gap: var(--spacing) !important;
411
411
  }
412
412
  .row-gap-xxl-1 {
413
- row-gap: var(--spacer-1) !important;
413
+ row-gap: var(--spacing-1) !important;
414
414
  }
415
415
  .row-gap-xxl-2 {
416
- row-gap: var(--spacer-2) !important;
416
+ row-gap: var(--spacing-2) !important;
417
417
  }
418
418
  .row-gap-xxl-3 {
419
- row-gap: var(--spacer-3) !important;
419
+ row-gap: var(--spacing-3) !important;
420
420
  }
421
421
  .row-gap-xxl-4 {
422
- row-gap: var(--spacer-4) !important;
422
+ row-gap: var(--spacing-4) !important;
423
423
  }
424
424
  .row-gap-xxl-5 {
425
- row-gap: var(--spacer-5) !important;
425
+ row-gap: var(--spacing-5) !important;
426
426
  }
427
427
  .column-gap-xxl-0 {
428
428
  -moz-column-gap: 0 !important;
429
429
  column-gap: 0 !important;
430
430
  }
431
431
  .column-gap-xxl-d {
432
- -moz-column-gap: var(--spacer-default) !important;
433
- column-gap: var(--spacer-default) !important;
432
+ -moz-column-gap: var(--spacing) !important;
433
+ column-gap: var(--spacing) !important;
434
434
  }
435
435
  .column-gap-xxl-1 {
436
- -moz-column-gap: var(--spacer-1) !important;
437
- column-gap: var(--spacer-1) !important;
436
+ -moz-column-gap: var(--spacing-1) !important;
437
+ column-gap: var(--spacing-1) !important;
438
438
  }
439
439
  .column-gap-xxl-2 {
440
- -moz-column-gap: var(--spacer-2) !important;
441
- column-gap: var(--spacer-2) !important;
440
+ -moz-column-gap: var(--spacing-2) !important;
441
+ column-gap: var(--spacing-2) !important;
442
442
  }
443
443
  .column-gap-xxl-3 {
444
- -moz-column-gap: var(--spacer-3) !important;
445
- column-gap: var(--spacer-3) !important;
444
+ -moz-column-gap: var(--spacing-3) !important;
445
+ column-gap: var(--spacing-3) !important;
446
446
  }
447
447
  .column-gap-xxl-4 {
448
- -moz-column-gap: var(--spacer-4) !important;
449
- column-gap: var(--spacer-4) !important;
448
+ -moz-column-gap: var(--spacing-4) !important;
449
+ column-gap: var(--spacing-4) !important;
450
450
  }
451
451
  .column-gap-xxl-5 {
452
- -moz-column-gap: var(--spacer-5) !important;
453
- column-gap: var(--spacer-5) !important;
452
+ -moz-column-gap: var(--spacing-5) !important;
453
+ column-gap: var(--spacing-5) !important;
454
454
  }
455
455
  }
456
456