@mixin setFocusAsBorder($border-color) {
    &:focus {
        outline: none;
        border-color: $border-color;
    }
}

@mixin setFocusAsOutline($color-outline) {
    &:focus {
        outline: 1px auto $color-outline;
    }
}

@mixin setDisabledColor(
    $color-disabled,
    $border-color-disabled
) {
    &:disabled {
        color: $color-disabled;
        border-color: $border-color-disabled;

        &::placeholder {
            color: $color-disabled;
        }
    }
}