<input type="text" class="a-form-input">

.a-form-input {

    @include font-family(first);
    background: color('white');
    border: 1px solid color('gray-light');
    border-radius: $base-radius;
    color: color('gray-dark');
    display: block;
    line-height: line-height(normal);
    margin-bottom: space(1);
    margin-top: space(1);
    padding: em(13px 20px 10px);
    width: 100%;

    &:first-child {
        margin-top: 0;
    }

    &:last-child {
        margin-bottom: 0;
    }

    &.error {
        border-color: currentColor;
        color: color('orange');

        &::placeholder {
            color: currentColor;
        }
    }

    &:focus {
        border-color: color('black');
        outline: none;
    }

}