@ozen-ui/kit
Version:
React component library
32 lines (25 loc) • 605 B
CSS
.FormGroup {
display: flex;
gap: var(--form-group-gap);
}
.FormGroup_direction_row {
flex-direction: row;
}
.FormGroup_direction_rowReverse {
flex-direction: row-reverse;
}
.FormGroup_direction_column {
flex-direction: column;
}
.FormGroup_direction_columnReverse {
flex-direction: column-reverse;
}
.FormGroup_size_2xs,
.FormGroup_size_xs,
.FormGroup_size_s {
--form-group-gap: var(--spacing-xs) var(--spacing-m);
}
.FormGroup_size_m,
.FormGroup_size_l {
--form-group-gap: var(--spacing-s) var(--spacing-l);
}