discourse/app/assets/stylesheets/common/form-kit/_section.scss
Joffrey JAFFEUX 4ba1e49782
UI: minor form-kit tweaks (#38477)
- dont show checkbox description container when empty
- better spacing between sections
- ensures edit-category-type-schema-fields is not messing up with gap
2026-03-11 00:35:29 +01:00

51 lines
979 B
SCSS
Vendored

.form-kit__section {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 100%;
&.form-kit__actions {
align-items: center;
flex-direction: row;
gap: 1rem;
}
}
.form-kit__section-title {
margin: 0;
font-size: var(--font-up-1);
}
.form-kit__section-header {
border-bottom: 1px solid var(--content-border-color);
padding-bottom: 0.5em;
}
.form-kit__section-subtitle {
margin-top: calc(var(--space-4) * -1); // Offset the gap of the section
color: var(--primary-medium);
font-size: var(--font-down-1);
}
.form-kit__section.emphasis {
border: 2px solid var(--content-border-color);
border-radius: var(--d-border-radius);
padding: 1em;
box-sizing: border-box;
&.emphasis-success {
border-color: var(--success-medium);
}
&.emphasis-error {
border-color: var(--danger-medium);
}
&.emphasis-warning {
border-color: var(--highlight);
}
&.emphasis-info {
border-color: var(--tertiary-medium);
}
}