sutter/helloFront

/** ======================================
 * 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;
  }
}