mirror of
https://github.com/discourse/discourse.git
synced 2024-12-24 01:36:27 +08:00
7cc0f26292
Form Kit is our new form library/framework for unifying the way forms look across Discourse. The admin config area for the /about page is a new form that isn't currently used, so it makes sense for it to be one of the first forms to be migrated to Form Kit to test the library. Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
42 lines
769 B
SCSS
42 lines
769 B
SCSS
.form-kit__container {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
&-title {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25em;
|
|
margin: 0;
|
|
font-size: var(--font-down-1-rem);
|
|
color: var(--primary-high);
|
|
font-weight: bold;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
|
|
&-subtitle {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25em;
|
|
margin: 0;
|
|
font-size: var(--font-down-1-rem);
|
|
color: var(--primary-high);
|
|
padding-bottom: 0.25em;
|
|
}
|
|
|
|
&-optional {
|
|
font-size: var(--font-down-2-rem);
|
|
color: var(--primary-medium);
|
|
font-weight: normal;
|
|
}
|
|
|
|
&-content {
|
|
display: flex;
|
|
gap: 0.25em;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
max-width: 100%;
|
|
}
|
|
}
|