8ec882df0c
Port 890b2673fcb8416ec62d71f993d57b47e257b2f8 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
30 lines
550 B
SCSS
30 lines
550 B
SCSS
.fieldset {
|
|
--container-gap: 12px;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--container-gap);
|
|
color: var(--color-text-primary);
|
|
font-size: 15px;
|
|
}
|
|
|
|
.fieldsWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 8px;
|
|
|
|
&[data-layout='horizontal'] {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
column-gap: 24px;
|
|
}
|
|
}
|
|
|
|
.status {
|
|
// If there's no content, we need to compensate for the parent's
|
|
// flex gap to avoid extra spacing below the field.
|
|
&:empty {
|
|
margin-top: calc(-1 * var(--container-gap));
|
|
}
|
|
}
|