@blexar/framework/src/components/form.styl

CSS framework to establish your favorite websites in mints, with user experience in mind.

.form
  &.is-inline
    .field
      display: flex

.field
  margin-bottom: ($margin * 2)
  >:last-child
    margin-bottom: 0

.field-label
  font-weight: $font-weight-semi-bold
  display: block
  margin-bottom: $margin
  margin-top: $margin

.field-text
  display: block
  font-size: 0.75em
  margin-bottom: $margin
  color: $gray
  // generate color modifiers
  for color in $modifiers-color
    $accent = lookup('$' + color)
    &.is-{color}
      color: $accent