%base--input {
  @extend %font--sans;
  width: 100%;
  padding: get('input padding');
  font-size: 1em;
  font-weight: 300;
  border: get('input border width') solid get('input border color');
  background-color: get('background color');
  line-height: normal;
  display: block;

  &:focus {
    outline: get('focus border width') solid get('primary color');
    border-color: get('primary color');
  }

  &:disabled {
    background-color: color('gray', 10);
  }
}