discourse/app/assets/stylesheets/common/form-kit/_field.scss
Joffrey JAFFEUX e4e2bc7add
DEV: replaces subtitle by description (#28881)
Description should be above the field and that makes subtitle useless.

Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com>
2024-09-18 11:14:59 +02:00

61 lines
1.0 KiB
SCSS

.form-kit__field {
.form-kit__container-content {
align-items: flex-start;
flex-direction: column;
width: var(--form-kit-medium-input);
}
&-textarea,
&-composer,
&-code,
&-image {
.form-kit__container-content {
width: var(--form-kit-large-input) !important;
}
}
&-checkbox {
.form-kit__container-content {
width: 100% !important;
}
}
&-toggle {
flex-direction: row;
align-items: center;
justify-content: space-between;
width: var(--form-kit-medium-input);
.form-kit__container-content {
align-items: flex-end;
}
.form-kit__container-title {
padding: 0;
}
}
.form-kit__container-description {
margin: 0;
font-size: var(--font-down-1-rem);
}
.form-kit__container-content {
&.--small {
width: var(--form-kit-small-input) !important;
}
&.--medium {
width: var(--form-kit-medium-input);
}
&.--large {
width: var(--form-kit-large-input);
}
&.--full {
width: 100% !important;
}
}
}