lutra 0.1.75 → 0.1.77
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.
package/dist/form/Form.svelte
CHANGED
|
@@ -264,12 +264,14 @@
|
|
|
264
264
|
--form-padding-block: var(--space-md);
|
|
265
265
|
--form-padding-inline: var(--space-md);
|
|
266
266
|
--form-section-gap: var(--space-md);
|
|
267
|
+
--form-field-gap: var(--space-md);
|
|
267
268
|
}
|
|
268
269
|
@container (min-width: 600px) {
|
|
269
270
|
form {
|
|
270
271
|
--form-padding-block: var(--space-lg);
|
|
271
272
|
--form-padding-inline: var(--space-lg);
|
|
272
273
|
--form-section-gap: var(--space-xl);
|
|
274
|
+
--form-field-gap: var(--space-md);
|
|
273
275
|
}
|
|
274
276
|
}
|
|
275
277
|
@container (min-width: 1000px) {
|
|
@@ -277,6 +279,7 @@
|
|
|
277
279
|
--form-padding-block: var(--space-xl);
|
|
278
280
|
--form-padding-inline: var(--space-xl);
|
|
279
281
|
--form-section-gap: var(--space-xxl);
|
|
282
|
+
--form-field-gap: var(--space-lg);
|
|
280
283
|
}
|
|
281
284
|
}
|
|
282
285
|
@container (min-width: 1400px) {
|
|
@@ -284,6 +287,7 @@
|
|
|
284
287
|
--form-padding-block: var(--space-xxl);
|
|
285
288
|
--form-padding-inline: var(--space-xxl);
|
|
286
289
|
--form-section-gap: var(--space-xxxl);
|
|
290
|
+
--form-field-gap: var(--space-xl);
|
|
287
291
|
}
|
|
288
292
|
}
|
|
289
293
|
@container (max-width: 800px) {
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
display: flex;
|
|
69
69
|
flex-direction: column;
|
|
70
70
|
gap: var(--form-title-gap, var(--space-md));
|
|
71
|
+
padding-block-end: var(--form-title-padding-block-end);
|
|
71
72
|
text-wrap: balance;
|
|
72
73
|
}
|
|
73
74
|
.FormSection:not(:first-child) {
|
|
@@ -81,18 +82,6 @@
|
|
|
81
82
|
grid-column: 1 / -1;
|
|
82
83
|
}
|
|
83
84
|
@container (max-width: 600px) {
|
|
84
|
-
.FormSection {
|
|
85
|
-
padding-block: calc(var(--fcc) * var(--form-padding-block));
|
|
86
|
-
padding-inline: calc(var(--fcc) * var(--form-padding-inline));
|
|
87
|
-
gap: var(--form-section-gap, var(--space-md));
|
|
88
|
-
}
|
|
89
|
-
.FormSectionContent {
|
|
90
|
-
gap: var(--form-field-gap, var(--space-md));
|
|
91
|
-
}
|
|
92
|
-
.FormSectionTitle {
|
|
93
|
-
gap: var(--form-title-gap);
|
|
94
|
-
padding-block-end: var(--form-title-padding-block-end);
|
|
95
|
-
}
|
|
96
85
|
.FormSectionTitle,
|
|
97
86
|
.FormSectionContent {
|
|
98
87
|
grid-column: 1 / -1;
|