initiatived21/d21

/*------------------------------------*\
    #INPUT
\*------------------------------------*/

/**
 * Normal input component
 */

.c-input {
  input {
    width: 100%;
    padding: $spacing--tiny;
    border: 1px solid $gray;
    border-radius: $border-radius;
    background-color: transparent;
    height: $input-height;
  }

  &.has-errors input {
    border: 2px solid $warning-color;
    background-color: $warning-color-background;
  }
}

// TODO: Refactor
.inline-errors {
  font-weight: bold;
  color: $warning-color;
}