src/assets/scss/molecules/_m_form.scss
/** ======================================
* Molecule : Form
* ======================================= */
.m-form {
&:not(:first-child) {
margin-top: $spacer-M;
}
}
.m-form__group {
&:not(:first-child) {
margin-top: $spacer-M;
}
}
.m-form__group__legend {
font-size: 80%;
color: tint($clr-0, 40%);
line-height: 1.25;
&:not(:first-child) {
margin-top: 1rem;
}
}
.m-form__footer {
&:not(:first-child) {
margin-top: $spacer-M;
}
}