discourse/app/assets/stylesheets/common/form-kit/_field.scss
chapoi 56190cae8a
UX: change forced with on field-code to min-width (#39785)
Remnant of the initial scaffolding – no longer needed (probably)
2026-05-06 10:49:31 +02:00

59 lines
1 KiB
SCSS
Vendored

@use "lib/viewport";
.form-kit__field {
.form-kit__container-content {
flex-direction: column;
}
&-composer,
&-code,
&-image {
.form-kit__container-content {
min-width: var(--form-kit-large-input);
}
}
&-textarea {
@include viewport.from(sm) {
&:not(.--full) .form-kit__container-content {
min-width: var(--form-kit-large-input);
width: fit-content !important;
}
}
}
&-toggle {
flex-direction: row;
align-items: center;
justify-content: space-between;
@include viewport.from(sm) {
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);
color: var(--primary-medium);
pre,
code {
font-size: var(--font-down-2);
}
}
.form-kit__container-help-text {
margin: 0;
font-size: var(--font-down-1);
color: var(--primary-medium);
}
}