@seed-design/css 2.1.1 → 2.1.3

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 (33) hide show
  1. package/all.css +495 -511
  2. package/all.layered.css +495 -511
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/base.css +277 -277
  6. package/base.layered.css +277 -277
  7. package/base.layered.min.css +1 -1
  8. package/base.min.css +1 -1
  9. package/package.json +1 -1
  10. package/recipes/action-button.css +36 -36
  11. package/recipes/action-button.layered.css +36 -36
  12. package/recipes/bottom-sheet.css +39 -39
  13. package/recipes/bottom-sheet.layered.css +39 -39
  14. package/recipes/floating-action-button.css +2 -2
  15. package/recipes/floating-action-button.layered.css +2 -2
  16. package/recipes/help-bubble.css +10 -10
  17. package/recipes/help-bubble.layered.css +10 -10
  18. package/recipes/image-frame-reaction-button.css +1 -3
  19. package/recipes/image-frame-reaction-button.layered.css +1 -4
  20. package/recipes/list-item.css +36 -36
  21. package/recipes/list-item.layered.css +36 -36
  22. package/recipes/side-panel.css +74 -87
  23. package/recipes/side-panel.layered.css +74 -87
  24. package/recipes/skeleton.css +20 -20
  25. package/recipes/skeleton.layered.css +20 -20
  26. package/vars/component/floating-action-button.d.ts +1 -1
  27. package/vars/component/floating-action-button.mjs +1 -1
  28. package/vars/component/image-frame-reaction-button.d.ts +3 -2
  29. package/vars/component/image-frame-reaction-button.mjs +3 -2
  30. package/vars/component/side-panel-close-button.d.ts +6 -2
  31. package/vars/component/side-panel-close-button.mjs +6 -2
  32. package/vars/component/side-panel.d.ts +7 -4
  33. package/vars/component/side-panel.mjs +6 -4
package/base.css CHANGED
@@ -106,157 +106,157 @@
106
106
  border-left-width: var(--seed-box-border-left-width);
107
107
  border-right-width: var(--seed-box-border-right-width);
108
108
  --seed-box-padding-base: 0;
109
- --seed-box-padding-sm: var(--seed-box-padding-base);
110
- --seed-box-padding-md: var(--seed-box-padding-sm);
111
- --seed-box-padding-lg: var(--seed-box-padding-md);
112
- --seed-box-padding-xl: var(--seed-box-padding-lg);
113
- --seed-box-padding: var(--seed-box-padding-base);
109
+ --seed-box-padding-sm: var(--seed-box-padding-base, initial);
110
+ --seed-box-padding-md: var(--seed-box-padding-sm, initial);
111
+ --seed-box-padding-lg: var(--seed-box-padding-md, initial);
112
+ --seed-box-padding-xl: var(--seed-box-padding-lg, initial);
113
+ --seed-box-padding: var(--seed-box-padding-base, initial);
114
114
  --seed-box-padding-y-base: var(--seed-box-padding);
115
- --seed-box-padding-y-sm: var(--seed-box-padding-y-base);
116
- --seed-box-padding-y-md: var(--seed-box-padding-y-sm);
117
- --seed-box-padding-y-lg: var(--seed-box-padding-y-md);
118
- --seed-box-padding-y-xl: var(--seed-box-padding-y-lg);
119
- --seed-box-padding-y: var(--seed-box-padding-y-base);
115
+ --seed-box-padding-y-sm: var(--seed-box-padding-y-base, initial);
116
+ --seed-box-padding-y-md: var(--seed-box-padding-y-sm, initial);
117
+ --seed-box-padding-y-lg: var(--seed-box-padding-y-md, initial);
118
+ --seed-box-padding-y-xl: var(--seed-box-padding-y-lg, initial);
119
+ --seed-box-padding-y: var(--seed-box-padding-y-base, initial);
120
120
  --seed-box-padding-x-base: var(--seed-box-padding);
121
- --seed-box-padding-x-sm: var(--seed-box-padding-x-base);
122
- --seed-box-padding-x-md: var(--seed-box-padding-x-sm);
123
- --seed-box-padding-x-lg: var(--seed-box-padding-x-md);
124
- --seed-box-padding-x-xl: var(--seed-box-padding-x-lg);
125
- --seed-box-padding-x: var(--seed-box-padding-x-base);
121
+ --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
122
+ --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
123
+ --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
124
+ --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
125
+ --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
126
126
  --seed-box-padding-bottom-base: var(--seed-box-padding-y);
127
- --seed-box-padding-bottom-sm: var(--seed-box-padding-bottom-base);
128
- --seed-box-padding-bottom-md: var(--seed-box-padding-bottom-sm);
129
- --seed-box-padding-bottom-lg: var(--seed-box-padding-bottom-md);
130
- --seed-box-padding-bottom-xl: var(--seed-box-padding-bottom-lg);
131
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-base);
127
+ --seed-box-padding-bottom-sm: var(--seed-box-padding-bottom-base, initial);
128
+ --seed-box-padding-bottom-md: var(--seed-box-padding-bottom-sm, initial);
129
+ --seed-box-padding-bottom-lg: var(--seed-box-padding-bottom-md, initial);
130
+ --seed-box-padding-bottom-xl: var(--seed-box-padding-bottom-lg, initial);
131
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-base, initial);
132
132
  --seed-box-padding-top-base: var(--seed-box-padding-y);
133
- --seed-box-padding-top-sm: var(--seed-box-padding-top-base);
134
- --seed-box-padding-top-md: var(--seed-box-padding-top-sm);
135
- --seed-box-padding-top-lg: var(--seed-box-padding-top-md);
136
- --seed-box-padding-top-xl: var(--seed-box-padding-top-lg);
137
- --seed-box-padding-top: var(--seed-box-padding-top-base);
133
+ --seed-box-padding-top-sm: var(--seed-box-padding-top-base, initial);
134
+ --seed-box-padding-top-md: var(--seed-box-padding-top-sm, initial);
135
+ --seed-box-padding-top-lg: var(--seed-box-padding-top-md, initial);
136
+ --seed-box-padding-top-xl: var(--seed-box-padding-top-lg, initial);
137
+ --seed-box-padding-top: var(--seed-box-padding-top-base, initial);
138
138
  --seed-box-padding-left-base: var(--seed-box-padding-x);
139
- --seed-box-padding-left-sm: var(--seed-box-padding-left-base);
140
- --seed-box-padding-left-md: var(--seed-box-padding-left-sm);
141
- --seed-box-padding-left-lg: var(--seed-box-padding-left-md);
142
- --seed-box-padding-left-xl: var(--seed-box-padding-left-lg);
143
- --seed-box-padding-left: var(--seed-box-padding-left-base);
139
+ --seed-box-padding-left-sm: var(--seed-box-padding-left-base, initial);
140
+ --seed-box-padding-left-md: var(--seed-box-padding-left-sm, initial);
141
+ --seed-box-padding-left-lg: var(--seed-box-padding-left-md, initial);
142
+ --seed-box-padding-left-xl: var(--seed-box-padding-left-lg, initial);
143
+ --seed-box-padding-left: var(--seed-box-padding-left-base, initial);
144
144
  --seed-box-padding-right-base: var(--seed-box-padding-x);
145
- --seed-box-padding-right-sm: var(--seed-box-padding-right-base);
146
- --seed-box-padding-right-md: var(--seed-box-padding-right-sm);
147
- --seed-box-padding-right-lg: var(--seed-box-padding-right-md);
148
- --seed-box-padding-right-xl: var(--seed-box-padding-right-lg);
149
- --seed-box-padding-right: var(--seed-box-padding-right-base);
145
+ --seed-box-padding-right-sm: var(--seed-box-padding-right-base, initial);
146
+ --seed-box-padding-right-md: var(--seed-box-padding-right-sm, initial);
147
+ --seed-box-padding-right-lg: var(--seed-box-padding-right-md, initial);
148
+ --seed-box-padding-right-xl: var(--seed-box-padding-right-lg, initial);
149
+ --seed-box-padding-right: var(--seed-box-padding-right-base, initial);
150
150
  padding-top: var(--seed-box-padding-top);
151
151
  padding-bottom: var(--seed-box-padding-bottom);
152
152
  padding-left: var(--seed-box-padding-left);
153
153
  padding-right: var(--seed-box-padding-right);
154
154
  --seed-box-bleed-bottom-base: 0px;
155
- --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base);
156
- --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm);
157
- --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md);
158
- --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg);
159
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base);
155
+ --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base, initial);
156
+ --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm, initial);
157
+ --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md, initial);
158
+ --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg, initial);
159
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base, initial);
160
160
  --seed-box-bleed-top-base: 0px;
161
- --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base);
162
- --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm);
163
- --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md);
164
- --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg);
165
- --seed-box-bleed-top: var(--seed-box-bleed-top-base);
161
+ --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base, initial);
162
+ --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm, initial);
163
+ --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md, initial);
164
+ --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg, initial);
165
+ --seed-box-bleed-top: var(--seed-box-bleed-top-base, initial);
166
166
  --seed-box-bleed-left-base: 0px;
167
- --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base);
168
- --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm);
169
- --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md);
170
- --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg);
171
- --seed-box-bleed-left: var(--seed-box-bleed-left-base);
167
+ --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base, initial);
168
+ --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm, initial);
169
+ --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md, initial);
170
+ --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg, initial);
171
+ --seed-box-bleed-left: var(--seed-box-bleed-left-base, initial);
172
172
  --seed-box-bleed-right-base: 0px;
173
- --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base);
174
- --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm);
175
- --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md);
176
- --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg);
177
- --seed-box-bleed-right: var(--seed-box-bleed-right-base);
173
+ --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base, initial);
174
+ --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm, initial);
175
+ --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md, initial);
176
+ --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg, initial);
177
+ --seed-box-bleed-right: var(--seed-box-bleed-right-base, initial);
178
178
  --seed-box-margin-base: initial;
179
- --seed-box-margin-sm: var(--seed-box-margin-base);
180
- --seed-box-margin-md: var(--seed-box-margin-sm);
181
- --seed-box-margin-lg: var(--seed-box-margin-md);
182
- --seed-box-margin-xl: var(--seed-box-margin-lg);
183
- --seed-box-margin: var(--seed-box-margin-base);
184
- --seed-box-margin-y-base: var(--seed-box-margin);
185
- --seed-box-margin-y-sm: var(--seed-box-margin-y-base);
186
- --seed-box-margin-y-md: var(--seed-box-margin-y-sm);
187
- --seed-box-margin-y-lg: var(--seed-box-margin-y-md);
188
- --seed-box-margin-y-xl: var(--seed-box-margin-y-lg);
189
- --seed-box-margin-y: var(--seed-box-margin-y-base);
190
- --seed-box-margin-x-base: var(--seed-box-margin);
191
- --seed-box-margin-x-sm: var(--seed-box-margin-x-base);
192
- --seed-box-margin-x-md: var(--seed-box-margin-x-sm);
193
- --seed-box-margin-x-lg: var(--seed-box-margin-x-md);
194
- --seed-box-margin-x-xl: var(--seed-box-margin-x-lg);
195
- --seed-box-margin-x: var(--seed-box-margin-x-base);
196
- --seed-box-margin-top-base: var(--seed-box-margin-y);
197
- --seed-box-margin-top-sm: var(--seed-box-margin-top-base);
198
- --seed-box-margin-top-md: var(--seed-box-margin-top-sm);
199
- --seed-box-margin-top-lg: var(--seed-box-margin-top-md);
200
- --seed-box-margin-top-xl: var(--seed-box-margin-top-lg);
201
- --seed-box-margin-top: var(--seed-box-margin-top-base);
202
- --seed-box-margin-bottom-base: var(--seed-box-margin-y);
203
- --seed-box-margin-bottom-sm: var(--seed-box-margin-bottom-base);
204
- --seed-box-margin-bottom-md: var(--seed-box-margin-bottom-sm);
205
- --seed-box-margin-bottom-lg: var(--seed-box-margin-bottom-md);
206
- --seed-box-margin-bottom-xl: var(--seed-box-margin-bottom-lg);
207
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-base);
208
- --seed-box-margin-left-base: var(--seed-box-margin-x);
209
- --seed-box-margin-left-sm: var(--seed-box-margin-left-base);
210
- --seed-box-margin-left-md: var(--seed-box-margin-left-sm);
211
- --seed-box-margin-left-lg: var(--seed-box-margin-left-md);
212
- --seed-box-margin-left-xl: var(--seed-box-margin-left-lg);
213
- --seed-box-margin-left: var(--seed-box-margin-left-base);
214
- --seed-box-margin-right-base: var(--seed-box-margin-x);
215
- --seed-box-margin-right-sm: var(--seed-box-margin-right-base);
216
- --seed-box-margin-right-md: var(--seed-box-margin-right-sm);
217
- --seed-box-margin-right-lg: var(--seed-box-margin-right-md);
218
- --seed-box-margin-right-xl: var(--seed-box-margin-right-lg);
219
- --seed-box-margin-right: var(--seed-box-margin-right-base);
179
+ --seed-box-margin-sm: var(--seed-box-margin-base, initial);
180
+ --seed-box-margin-md: var(--seed-box-margin-sm, initial);
181
+ --seed-box-margin-lg: var(--seed-box-margin-md, initial);
182
+ --seed-box-margin-xl: var(--seed-box-margin-lg, initial);
183
+ --seed-box-margin: var(--seed-box-margin-base, initial);
184
+ --seed-box-margin-y-base: var(--seed-box-margin, initial);
185
+ --seed-box-margin-y-sm: var(--seed-box-margin-y-base, initial);
186
+ --seed-box-margin-y-md: var(--seed-box-margin-y-sm, initial);
187
+ --seed-box-margin-y-lg: var(--seed-box-margin-y-md, initial);
188
+ --seed-box-margin-y-xl: var(--seed-box-margin-y-lg, initial);
189
+ --seed-box-margin-y: var(--seed-box-margin-y-base, initial);
190
+ --seed-box-margin-x-base: var(--seed-box-margin, initial);
191
+ --seed-box-margin-x-sm: var(--seed-box-margin-x-base, initial);
192
+ --seed-box-margin-x-md: var(--seed-box-margin-x-sm, initial);
193
+ --seed-box-margin-x-lg: var(--seed-box-margin-x-md, initial);
194
+ --seed-box-margin-x-xl: var(--seed-box-margin-x-lg, initial);
195
+ --seed-box-margin-x: var(--seed-box-margin-x-base, initial);
196
+ --seed-box-margin-top-base: var(--seed-box-margin-y, initial);
197
+ --seed-box-margin-top-sm: var(--seed-box-margin-top-base, initial);
198
+ --seed-box-margin-top-md: var(--seed-box-margin-top-sm, initial);
199
+ --seed-box-margin-top-lg: var(--seed-box-margin-top-md, initial);
200
+ --seed-box-margin-top-xl: var(--seed-box-margin-top-lg, initial);
201
+ --seed-box-margin-top: var(--seed-box-margin-top-base, initial);
202
+ --seed-box-margin-bottom-base: var(--seed-box-margin-y, initial);
203
+ --seed-box-margin-bottom-sm: var(--seed-box-margin-bottom-base, initial);
204
+ --seed-box-margin-bottom-md: var(--seed-box-margin-bottom-sm, initial);
205
+ --seed-box-margin-bottom-lg: var(--seed-box-margin-bottom-md, initial);
206
+ --seed-box-margin-bottom-xl: var(--seed-box-margin-bottom-lg, initial);
207
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-base, initial);
208
+ --seed-box-margin-left-base: var(--seed-box-margin-x, initial);
209
+ --seed-box-margin-left-sm: var(--seed-box-margin-left-base, initial);
210
+ --seed-box-margin-left-md: var(--seed-box-margin-left-sm, initial);
211
+ --seed-box-margin-left-lg: var(--seed-box-margin-left-md, initial);
212
+ --seed-box-margin-left-xl: var(--seed-box-margin-left-lg, initial);
213
+ --seed-box-margin-left: var(--seed-box-margin-left-base, initial);
214
+ --seed-box-margin-right-base: var(--seed-box-margin-x, initial);
215
+ --seed-box-margin-right-sm: var(--seed-box-margin-right-base, initial);
216
+ --seed-box-margin-right-md: var(--seed-box-margin-right-sm, initial);
217
+ --seed-box-margin-right-lg: var(--seed-box-margin-right-md, initial);
218
+ --seed-box-margin-right-xl: var(--seed-box-margin-right-lg, initial);
219
+ --seed-box-margin-right: var(--seed-box-margin-right-base, initial);
220
220
  margin-top: var(--seed-box-margin-top, calc(var(--seed-box-bleed-top) * -1));
221
221
  margin-bottom: var(--seed-box-margin-bottom, calc(var(--seed-box-bleed-bottom) * -1));
222
222
  margin-left: var(--seed-box-margin-left, calc(var(--seed-box-bleed-left) * -1));
223
223
  margin-right: var(--seed-box-margin-right, calc(var(--seed-box-bleed-right) * -1));
224
- --seed-box-min-height-base: initial;
225
- --seed-box-min-height-sm: var(--seed-box-min-height-base);
226
- --seed-box-min-height-md: var(--seed-box-min-height-sm);
227
- --seed-box-min-height-lg: var(--seed-box-min-height-md);
228
- --seed-box-min-height-xl: var(--seed-box-min-height-lg);
229
- --seed-box-min-height: var(--seed-box-min-height-base);
230
- --seed-box-max-height-base: initial;
231
- --seed-box-max-height-sm: var(--seed-box-max-height-base);
232
- --seed-box-max-height-md: var(--seed-box-max-height-sm);
233
- --seed-box-max-height-lg: var(--seed-box-max-height-md);
234
- --seed-box-max-height-xl: var(--seed-box-max-height-lg);
235
- --seed-box-max-height: var(--seed-box-max-height-base);
236
- --seed-box-height-base: initial;
237
- --seed-box-height-sm: var(--seed-box-height-base);
238
- --seed-box-height-md: var(--seed-box-height-sm);
239
- --seed-box-height-lg: var(--seed-box-height-md);
240
- --seed-box-height-xl: var(--seed-box-height-lg);
241
- --seed-box-height: var(--seed-box-height-base);
242
- --seed-box-min-width-base: initial;
243
- --seed-box-min-width-sm: var(--seed-box-min-width-base);
244
- --seed-box-min-width-md: var(--seed-box-min-width-sm);
245
- --seed-box-min-width-lg: var(--seed-box-min-width-md);
246
- --seed-box-min-width-xl: var(--seed-box-min-width-lg);
247
- --seed-box-min-width: var(--seed-box-min-width-base);
248
- --seed-box-max-width-base: initial;
249
- --seed-box-max-width-sm: var(--seed-box-max-width-base);
250
- --seed-box-max-width-md: var(--seed-box-max-width-sm);
251
- --seed-box-max-width-lg: var(--seed-box-max-width-md);
252
- --seed-box-max-width-xl: var(--seed-box-max-width-lg);
253
- --seed-box-max-width: var(--seed-box-max-width-base);
254
- --seed-box-width-base: initial;
255
- --seed-box-width-sm: var(--seed-box-width-base);
256
- --seed-box-width-md: var(--seed-box-width-sm);
257
- --seed-box-width-lg: var(--seed-box-width-md);
258
- --seed-box-width-xl: var(--seed-box-width-lg);
259
- --seed-box-width: var(--seed-box-width-base);
224
+ --seed-box-min-height-base: auto;
225
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
226
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
227
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
228
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
229
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
230
+ --seed-box-max-height-base: none;
231
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
232
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
233
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
234
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
235
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
236
+ --seed-box-height-base: auto;
237
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
238
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
239
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
240
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
241
+ --seed-box-height: var(--seed-box-height-base, initial);
242
+ --seed-box-min-width-base: auto;
243
+ --seed-box-min-width-sm: var(--seed-box-min-width-base, initial);
244
+ --seed-box-min-width-md: var(--seed-box-min-width-sm, initial);
245
+ --seed-box-min-width-lg: var(--seed-box-min-width-md, initial);
246
+ --seed-box-min-width-xl: var(--seed-box-min-width-lg, initial);
247
+ --seed-box-min-width: var(--seed-box-min-width-base, initial);
248
+ --seed-box-max-width-base: none;
249
+ --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
250
+ --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
251
+ --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
252
+ --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
253
+ --seed-box-max-width: var(--seed-box-max-width-base, initial);
254
+ --seed-box-width-base: auto;
255
+ --seed-box-width-sm: var(--seed-box-width-base, initial);
256
+ --seed-box-width-md: var(--seed-box-width-sm, initial);
257
+ --seed-box-width-lg: var(--seed-box-width-md, initial);
258
+ --seed-box-width-xl: var(--seed-box-width-lg, initial);
259
+ --seed-box-width: var(--seed-box-width-base, initial);
260
260
  min-height: var(--seed-box-min-height);
261
261
  max-height: var(--seed-box-max-height);
262
262
  height: var(--seed-box-height);
@@ -283,11 +283,11 @@
283
283
  --seed-box-box-shadow: initial;
284
284
  box-shadow: var(--seed-box-box-shadow);
285
285
  --seed-box-display-base: block;
286
- --seed-box-display-sm: var(--seed-box-display-base);
287
- --seed-box-display-md: var(--seed-box-display-sm);
288
- --seed-box-display-lg: var(--seed-box-display-md);
289
- --seed-box-display-xl: var(--seed-box-display-lg);
290
- --seed-box-display: var(--seed-box-display-base);
286
+ --seed-box-display-sm: var(--seed-box-display-base, initial);
287
+ --seed-box-display-md: var(--seed-box-display-sm, initial);
288
+ --seed-box-display-lg: var(--seed-box-display-md, initial);
289
+ --seed-box-display-xl: var(--seed-box-display-lg, initial);
290
+ --seed-box-display: var(--seed-box-display-base, initial);
291
291
  --seed-box-position: initial;
292
292
  display: var(--seed-box-display);
293
293
  position: var(--seed-box-position);
@@ -303,24 +303,24 @@
303
303
  --seed-box-flex-shrink: initial;
304
304
  flex-grow: var(--seed-box-flex-grow);
305
305
  flex-shrink: var(--seed-box-flex-shrink);
306
- --seed-box-flex-direction-base: initial;
307
- --seed-box-flex-direction-sm: var(--seed-box-flex-direction-base);
308
- --seed-box-flex-direction-md: var(--seed-box-flex-direction-sm);
309
- --seed-box-flex-direction-lg: var(--seed-box-flex-direction-md);
310
- --seed-box-flex-direction-xl: var(--seed-box-flex-direction-lg);
311
- --seed-box-flex-direction: var(--seed-box-flex-direction-base);
306
+ --seed-box-flex-direction-base: row;
307
+ --seed-box-flex-direction-sm: var(--seed-box-flex-direction-base, initial);
308
+ --seed-box-flex-direction-md: var(--seed-box-flex-direction-sm, initial);
309
+ --seed-box-flex-direction-lg: var(--seed-box-flex-direction-md, initial);
310
+ --seed-box-flex-direction-xl: var(--seed-box-flex-direction-lg, initial);
311
+ --seed-box-flex-direction: var(--seed-box-flex-direction-base, initial);
312
312
  --seed-box-flex-wrap: initial;
313
313
  --seed-box-justify-content: initial;
314
314
  --seed-box-justify-self: auto;
315
315
  --seed-box-align-items: stretch;
316
316
  --seed-box-align-content: stretch;
317
317
  --seed-box-align-self: auto;
318
- --seed-box-gap-base: initial;
319
- --seed-box-gap-sm: var(--seed-box-gap-base);
320
- --seed-box-gap-md: var(--seed-box-gap-sm);
321
- --seed-box-gap-lg: var(--seed-box-gap-md);
322
- --seed-box-gap-xl: var(--seed-box-gap-lg);
323
- --seed-box-gap: var(--seed-box-gap-base);
318
+ --seed-box-gap-base: 0px;
319
+ --seed-box-gap-sm: var(--seed-box-gap-base, initial);
320
+ --seed-box-gap-md: var(--seed-box-gap-sm, initial);
321
+ --seed-box-gap-lg: var(--seed-box-gap-md, initial);
322
+ --seed-box-gap-xl: var(--seed-box-gap-lg, initial);
323
+ --seed-box-gap: var(--seed-box-gap-base, initial);
324
324
  flex-direction: var(--seed-box-flex-direction);
325
325
  flex-wrap: var(--seed-box-flex-wrap);
326
326
  justify-content: var(--seed-box-justify-content);
@@ -340,19 +340,19 @@
340
340
  }
341
341
 
342
342
  .seed-grid {
343
- --seed-grid-columns-base: initial;
344
- --seed-grid-columns-sm: var(--seed-grid-columns-base);
345
- --seed-grid-columns-md: var(--seed-grid-columns-sm);
346
- --seed-grid-columns-lg: var(--seed-grid-columns-md);
347
- --seed-grid-columns-xl: var(--seed-grid-columns-lg);
348
- --seed-grid-columns: var(--seed-grid-columns-base);
343
+ --seed-grid-columns-base: none;
344
+ --seed-grid-columns-sm: var(--seed-grid-columns-base, initial);
345
+ --seed-grid-columns-md: var(--seed-grid-columns-sm, initial);
346
+ --seed-grid-columns-lg: var(--seed-grid-columns-md, initial);
347
+ --seed-grid-columns-xl: var(--seed-grid-columns-lg, initial);
348
+ --seed-grid-columns: var(--seed-grid-columns-base, initial);
349
349
  grid-template-columns: var(--seed-grid-columns);
350
- --seed-grid-rows-base: initial;
351
- --seed-grid-rows-sm: var(--seed-grid-rows-base);
352
- --seed-grid-rows-md: var(--seed-grid-rows-sm);
353
- --seed-grid-rows-lg: var(--seed-grid-rows-md);
354
- --seed-grid-rows-xl: var(--seed-grid-rows-lg);
355
- --seed-grid-rows: var(--seed-grid-rows-base);
350
+ --seed-grid-rows-base: none;
351
+ --seed-grid-rows-sm: var(--seed-grid-rows-base, initial);
352
+ --seed-grid-rows-md: var(--seed-grid-rows-sm, initial);
353
+ --seed-grid-rows-lg: var(--seed-grid-rows-md, initial);
354
+ --seed-grid-rows-xl: var(--seed-grid-rows-lg, initial);
355
+ --seed-grid-rows: var(--seed-grid-rows-base, initial);
356
356
  grid-template-rows: var(--seed-grid-rows);
357
357
  --seed-grid-auto-flow: initial;
358
358
  grid-auto-flow: var(--seed-grid-auto-flow);
@@ -1029,148 +1029,148 @@
1029
1029
 
1030
1030
  @media (width >= 480px) {
1031
1031
  .seed-box {
1032
- --seed-box-padding: var(--seed-box-padding-sm);
1033
- --seed-box-padding-y: var(--seed-box-padding-y-sm);
1034
- --seed-box-padding-x: var(--seed-box-padding-x-sm);
1035
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-sm);
1036
- --seed-box-padding-top: var(--seed-box-padding-top-sm);
1037
- --seed-box-padding-left: var(--seed-box-padding-left-sm);
1038
- --seed-box-padding-right: var(--seed-box-padding-right-sm);
1039
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm);
1040
- --seed-box-bleed-top: var(--seed-box-bleed-top-sm);
1041
- --seed-box-bleed-left: var(--seed-box-bleed-left-sm);
1042
- --seed-box-bleed-right: var(--seed-box-bleed-right-sm);
1043
- --seed-box-margin: var(--seed-box-margin-sm);
1044
- --seed-box-margin-y: var(--seed-box-margin-y-sm);
1045
- --seed-box-margin-x: var(--seed-box-margin-x-sm);
1046
- --seed-box-margin-top: var(--seed-box-margin-top-sm);
1047
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-sm);
1048
- --seed-box-margin-left: var(--seed-box-margin-left-sm);
1049
- --seed-box-margin-right: var(--seed-box-margin-right-sm);
1050
- --seed-box-min-height: var(--seed-box-min-height-sm);
1051
- --seed-box-max-height: var(--seed-box-max-height-sm);
1052
- --seed-box-height: var(--seed-box-height-sm);
1053
- --seed-box-min-width: var(--seed-box-min-width-sm);
1054
- --seed-box-max-width: var(--seed-box-max-width-sm);
1055
- --seed-box-width: var(--seed-box-width-sm);
1056
- --seed-box-display: var(--seed-box-display-sm);
1057
- --seed-box-flex-direction: var(--seed-box-flex-direction-sm);
1058
- --seed-box-gap: var(--seed-box-gap-sm);
1032
+ --seed-box-padding: var(--seed-box-padding-sm, initial);
1033
+ --seed-box-padding-y: var(--seed-box-padding-y-sm, initial);
1034
+ --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
1035
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-sm, initial);
1036
+ --seed-box-padding-top: var(--seed-box-padding-top-sm, initial);
1037
+ --seed-box-padding-left: var(--seed-box-padding-left-sm, initial);
1038
+ --seed-box-padding-right: var(--seed-box-padding-right-sm, initial);
1039
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm, initial);
1040
+ --seed-box-bleed-top: var(--seed-box-bleed-top-sm, initial);
1041
+ --seed-box-bleed-left: var(--seed-box-bleed-left-sm, initial);
1042
+ --seed-box-bleed-right: var(--seed-box-bleed-right-sm, initial);
1043
+ --seed-box-margin: var(--seed-box-margin-sm, initial);
1044
+ --seed-box-margin-y: var(--seed-box-margin-y-sm, initial);
1045
+ --seed-box-margin-x: var(--seed-box-margin-x-sm, initial);
1046
+ --seed-box-margin-top: var(--seed-box-margin-top-sm, initial);
1047
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-sm, initial);
1048
+ --seed-box-margin-left: var(--seed-box-margin-left-sm, initial);
1049
+ --seed-box-margin-right: var(--seed-box-margin-right-sm, initial);
1050
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
1051
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
1052
+ --seed-box-height: var(--seed-box-height-sm, initial);
1053
+ --seed-box-min-width: var(--seed-box-min-width-sm, initial);
1054
+ --seed-box-max-width: var(--seed-box-max-width-sm, initial);
1055
+ --seed-box-width: var(--seed-box-width-sm, initial);
1056
+ --seed-box-display: var(--seed-box-display-sm, initial);
1057
+ --seed-box-flex-direction: var(--seed-box-flex-direction-sm, initial);
1058
+ --seed-box-gap: var(--seed-box-gap-sm, initial);
1059
1059
  }
1060
1060
 
1061
1061
  .seed-grid {
1062
- --seed-grid-columns: var(--seed-grid-columns-sm);
1063
- --seed-grid-rows: var(--seed-grid-rows-sm);
1062
+ --seed-grid-columns: var(--seed-grid-columns-sm, initial);
1063
+ --seed-grid-rows: var(--seed-grid-rows-sm, initial);
1064
1064
  }
1065
1065
  }
1066
1066
 
1067
1067
  @media (width >= 768px) {
1068
1068
  .seed-box {
1069
- --seed-box-padding: var(--seed-box-padding-md);
1070
- --seed-box-padding-y: var(--seed-box-padding-y-md);
1071
- --seed-box-padding-x: var(--seed-box-padding-x-md);
1072
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-md);
1073
- --seed-box-padding-top: var(--seed-box-padding-top-md);
1074
- --seed-box-padding-left: var(--seed-box-padding-left-md);
1075
- --seed-box-padding-right: var(--seed-box-padding-right-md);
1076
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md);
1077
- --seed-box-bleed-top: var(--seed-box-bleed-top-md);
1078
- --seed-box-bleed-left: var(--seed-box-bleed-left-md);
1079
- --seed-box-bleed-right: var(--seed-box-bleed-right-md);
1080
- --seed-box-margin: var(--seed-box-margin-md);
1081
- --seed-box-margin-y: var(--seed-box-margin-y-md);
1082
- --seed-box-margin-x: var(--seed-box-margin-x-md);
1083
- --seed-box-margin-top: var(--seed-box-margin-top-md);
1084
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-md);
1085
- --seed-box-margin-left: var(--seed-box-margin-left-md);
1086
- --seed-box-margin-right: var(--seed-box-margin-right-md);
1087
- --seed-box-min-height: var(--seed-box-min-height-md);
1088
- --seed-box-max-height: var(--seed-box-max-height-md);
1089
- --seed-box-height: var(--seed-box-height-md);
1090
- --seed-box-min-width: var(--seed-box-min-width-md);
1091
- --seed-box-max-width: var(--seed-box-max-width-md);
1092
- --seed-box-width: var(--seed-box-width-md);
1093
- --seed-box-display: var(--seed-box-display-md);
1094
- --seed-box-flex-direction: var(--seed-box-flex-direction-md);
1095
- --seed-box-gap: var(--seed-box-gap-md);
1069
+ --seed-box-padding: var(--seed-box-padding-md, initial);
1070
+ --seed-box-padding-y: var(--seed-box-padding-y-md, initial);
1071
+ --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
1072
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-md, initial);
1073
+ --seed-box-padding-top: var(--seed-box-padding-top-md, initial);
1074
+ --seed-box-padding-left: var(--seed-box-padding-left-md, initial);
1075
+ --seed-box-padding-right: var(--seed-box-padding-right-md, initial);
1076
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md, initial);
1077
+ --seed-box-bleed-top: var(--seed-box-bleed-top-md, initial);
1078
+ --seed-box-bleed-left: var(--seed-box-bleed-left-md, initial);
1079
+ --seed-box-bleed-right: var(--seed-box-bleed-right-md, initial);
1080
+ --seed-box-margin: var(--seed-box-margin-md, initial);
1081
+ --seed-box-margin-y: var(--seed-box-margin-y-md, initial);
1082
+ --seed-box-margin-x: var(--seed-box-margin-x-md, initial);
1083
+ --seed-box-margin-top: var(--seed-box-margin-top-md, initial);
1084
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-md, initial);
1085
+ --seed-box-margin-left: var(--seed-box-margin-left-md, initial);
1086
+ --seed-box-margin-right: var(--seed-box-margin-right-md, initial);
1087
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
1088
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
1089
+ --seed-box-height: var(--seed-box-height-md, initial);
1090
+ --seed-box-min-width: var(--seed-box-min-width-md, initial);
1091
+ --seed-box-max-width: var(--seed-box-max-width-md, initial);
1092
+ --seed-box-width: var(--seed-box-width-md, initial);
1093
+ --seed-box-display: var(--seed-box-display-md, initial);
1094
+ --seed-box-flex-direction: var(--seed-box-flex-direction-md, initial);
1095
+ --seed-box-gap: var(--seed-box-gap-md, initial);
1096
1096
  }
1097
1097
 
1098
1098
  .seed-grid {
1099
- --seed-grid-columns: var(--seed-grid-columns-md);
1100
- --seed-grid-rows: var(--seed-grid-rows-md);
1099
+ --seed-grid-columns: var(--seed-grid-columns-md, initial);
1100
+ --seed-grid-rows: var(--seed-grid-rows-md, initial);
1101
1101
  }
1102
1102
  }
1103
1103
 
1104
1104
  @media (width >= 1280px) {
1105
1105
  .seed-box {
1106
- --seed-box-padding: var(--seed-box-padding-lg);
1107
- --seed-box-padding-y: var(--seed-box-padding-y-lg);
1108
- --seed-box-padding-x: var(--seed-box-padding-x-lg);
1109
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-lg);
1110
- --seed-box-padding-top: var(--seed-box-padding-top-lg);
1111
- --seed-box-padding-left: var(--seed-box-padding-left-lg);
1112
- --seed-box-padding-right: var(--seed-box-padding-right-lg);
1113
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg);
1114
- --seed-box-bleed-top: var(--seed-box-bleed-top-lg);
1115
- --seed-box-bleed-left: var(--seed-box-bleed-left-lg);
1116
- --seed-box-bleed-right: var(--seed-box-bleed-right-lg);
1117
- --seed-box-margin: var(--seed-box-margin-lg);
1118
- --seed-box-margin-y: var(--seed-box-margin-y-lg);
1119
- --seed-box-margin-x: var(--seed-box-margin-x-lg);
1120
- --seed-box-margin-top: var(--seed-box-margin-top-lg);
1121
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-lg);
1122
- --seed-box-margin-left: var(--seed-box-margin-left-lg);
1123
- --seed-box-margin-right: var(--seed-box-margin-right-lg);
1124
- --seed-box-min-height: var(--seed-box-min-height-lg);
1125
- --seed-box-max-height: var(--seed-box-max-height-lg);
1126
- --seed-box-height: var(--seed-box-height-lg);
1127
- --seed-box-min-width: var(--seed-box-min-width-lg);
1128
- --seed-box-max-width: var(--seed-box-max-width-lg);
1129
- --seed-box-width: var(--seed-box-width-lg);
1130
- --seed-box-display: var(--seed-box-display-lg);
1131
- --seed-box-flex-direction: var(--seed-box-flex-direction-lg);
1132
- --seed-box-gap: var(--seed-box-gap-lg);
1106
+ --seed-box-padding: var(--seed-box-padding-lg, initial);
1107
+ --seed-box-padding-y: var(--seed-box-padding-y-lg, initial);
1108
+ --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
1109
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-lg, initial);
1110
+ --seed-box-padding-top: var(--seed-box-padding-top-lg, initial);
1111
+ --seed-box-padding-left: var(--seed-box-padding-left-lg, initial);
1112
+ --seed-box-padding-right: var(--seed-box-padding-right-lg, initial);
1113
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg, initial);
1114
+ --seed-box-bleed-top: var(--seed-box-bleed-top-lg, initial);
1115
+ --seed-box-bleed-left: var(--seed-box-bleed-left-lg, initial);
1116
+ --seed-box-bleed-right: var(--seed-box-bleed-right-lg, initial);
1117
+ --seed-box-margin: var(--seed-box-margin-lg, initial);
1118
+ --seed-box-margin-y: var(--seed-box-margin-y-lg, initial);
1119
+ --seed-box-margin-x: var(--seed-box-margin-x-lg, initial);
1120
+ --seed-box-margin-top: var(--seed-box-margin-top-lg, initial);
1121
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-lg, initial);
1122
+ --seed-box-margin-left: var(--seed-box-margin-left-lg, initial);
1123
+ --seed-box-margin-right: var(--seed-box-margin-right-lg, initial);
1124
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
1125
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
1126
+ --seed-box-height: var(--seed-box-height-lg, initial);
1127
+ --seed-box-min-width: var(--seed-box-min-width-lg, initial);
1128
+ --seed-box-max-width: var(--seed-box-max-width-lg, initial);
1129
+ --seed-box-width: var(--seed-box-width-lg, initial);
1130
+ --seed-box-display: var(--seed-box-display-lg, initial);
1131
+ --seed-box-flex-direction: var(--seed-box-flex-direction-lg, initial);
1132
+ --seed-box-gap: var(--seed-box-gap-lg, initial);
1133
1133
  }
1134
1134
 
1135
1135
  .seed-grid {
1136
- --seed-grid-columns: var(--seed-grid-columns-lg);
1137
- --seed-grid-rows: var(--seed-grid-rows-lg);
1136
+ --seed-grid-columns: var(--seed-grid-columns-lg, initial);
1137
+ --seed-grid-rows: var(--seed-grid-rows-lg, initial);
1138
1138
  }
1139
1139
  }
1140
1140
 
1141
1141
  @media (width >= 1440px) {
1142
1142
  .seed-box {
1143
- --seed-box-padding: var(--seed-box-padding-xl);
1144
- --seed-box-padding-y: var(--seed-box-padding-y-xl);
1145
- --seed-box-padding-x: var(--seed-box-padding-x-xl);
1146
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-xl);
1147
- --seed-box-padding-top: var(--seed-box-padding-top-xl);
1148
- --seed-box-padding-left: var(--seed-box-padding-left-xl);
1149
- --seed-box-padding-right: var(--seed-box-padding-right-xl);
1150
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl);
1151
- --seed-box-bleed-top: var(--seed-box-bleed-top-xl);
1152
- --seed-box-bleed-left: var(--seed-box-bleed-left-xl);
1153
- --seed-box-bleed-right: var(--seed-box-bleed-right-xl);
1154
- --seed-box-margin: var(--seed-box-margin-xl);
1155
- --seed-box-margin-y: var(--seed-box-margin-y-xl);
1156
- --seed-box-margin-x: var(--seed-box-margin-x-xl);
1157
- --seed-box-margin-top: var(--seed-box-margin-top-xl);
1158
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-xl);
1159
- --seed-box-margin-left: var(--seed-box-margin-left-xl);
1160
- --seed-box-margin-right: var(--seed-box-margin-right-xl);
1161
- --seed-box-min-height: var(--seed-box-min-height-xl);
1162
- --seed-box-max-height: var(--seed-box-max-height-xl);
1163
- --seed-box-height: var(--seed-box-height-xl);
1164
- --seed-box-min-width: var(--seed-box-min-width-xl);
1165
- --seed-box-max-width: var(--seed-box-max-width-xl);
1166
- --seed-box-width: var(--seed-box-width-xl);
1167
- --seed-box-display: var(--seed-box-display-xl);
1168
- --seed-box-flex-direction: var(--seed-box-flex-direction-xl);
1169
- --seed-box-gap: var(--seed-box-gap-xl);
1143
+ --seed-box-padding: var(--seed-box-padding-xl, initial);
1144
+ --seed-box-padding-y: var(--seed-box-padding-y-xl, initial);
1145
+ --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
1146
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-xl, initial);
1147
+ --seed-box-padding-top: var(--seed-box-padding-top-xl, initial);
1148
+ --seed-box-padding-left: var(--seed-box-padding-left-xl, initial);
1149
+ --seed-box-padding-right: var(--seed-box-padding-right-xl, initial);
1150
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl, initial);
1151
+ --seed-box-bleed-top: var(--seed-box-bleed-top-xl, initial);
1152
+ --seed-box-bleed-left: var(--seed-box-bleed-left-xl, initial);
1153
+ --seed-box-bleed-right: var(--seed-box-bleed-right-xl, initial);
1154
+ --seed-box-margin: var(--seed-box-margin-xl, initial);
1155
+ --seed-box-margin-y: var(--seed-box-margin-y-xl, initial);
1156
+ --seed-box-margin-x: var(--seed-box-margin-x-xl, initial);
1157
+ --seed-box-margin-top: var(--seed-box-margin-top-xl, initial);
1158
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-xl, initial);
1159
+ --seed-box-margin-left: var(--seed-box-margin-left-xl, initial);
1160
+ --seed-box-margin-right: var(--seed-box-margin-right-xl, initial);
1161
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
1162
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
1163
+ --seed-box-height: var(--seed-box-height-xl, initial);
1164
+ --seed-box-min-width: var(--seed-box-min-width-xl, initial);
1165
+ --seed-box-max-width: var(--seed-box-max-width-xl, initial);
1166
+ --seed-box-width: var(--seed-box-width-xl, initial);
1167
+ --seed-box-display: var(--seed-box-display-xl, initial);
1168
+ --seed-box-flex-direction: var(--seed-box-flex-direction-xl, initial);
1169
+ --seed-box-gap: var(--seed-box-gap-xl, initial);
1170
1170
  }
1171
1171
 
1172
1172
  .seed-grid {
1173
- --seed-grid-columns: var(--seed-grid-columns-xl);
1174
- --seed-grid-rows: var(--seed-grid-rows-xl);
1173
+ --seed-grid-columns: var(--seed-grid-columns-xl, initial);
1174
+ --seed-grid-rows: var(--seed-grid-rows-xl, initial);
1175
1175
  }
1176
1176
  }