forked from easysoft/zui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-grid.css
36 lines (32 loc) · 857 Bytes
/
form-grid.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
.form-grid {
--form-grid-gap-x-half: calc(var(--form-grid-gap-x) / 2);
--form-grid-gap-y-half: calc(var(--form-grid-gap-y) / 2);
@apply -flex-row -flex-wrap -items-start -gap-0;
}
.form-grid .form-group {
@apply -px-[--form-grid-gap-x-half] -py-[--form-grid-gap-y-half];
}
.form-grid .form-label.required::after {
@apply -order-first -ml-0;
}
.form-grid .form-label .checkbox {
@apply -mx-3;
}
.form-grid .has-wrap-after::after {
@apply -content-[''] -block -w-full;
}
.form-grid-wrap {
@apply -w-full;
}
.form-grid-row {
@apply -w-full -flex -flex-row -py-[--form-grid-gap-y-half] -relative;
}
.form-grid-col {
@apply -px-[--form-grid-gap-x-half];
}
.form-grid .form-actions {
@apply -w-full -justify-center -gap-6 -px-[--form-grid-gap-x-half] -py-[--form-grid-gap-y];
}
.form-grid .form-actions.is-pinned {
@apply -border-t;
}