/**
 * component: text
 *
 * <div class="field">
 *     <label class="field__label">
 *         input
 *         <input type="text" class="field__text" />
 *     </label>
 * </div>
 *
 * @author Björn Hase
 *
 */

$crispy__field__text__border: 1px solid $crispy__color-secondary !default;

$crispy__field__text__border-color--focus: $crispy__color-primary !default;
$crispy__field__text__border-color--valid: $crispy__color-success !default;
$crispy__field__text__border-color--error: $crispy__color-danger !default;

@mixin crispy__field__text() {
    .field__text {
        @extend .field__input;
        border: $crispy__field__text__border;

        &:focus {
            border-color: $crispy__field__text__border-color--focus;
        }
    }

    .field--valid {
        .field__text {
            border-color: $crispy__field__text__border-color--valid;
        }
    }

    .field--error {
        .field__text {
            border-color: $crispy__field__text__border-color--error;
        }
    }
}