[Input mixins] Mixins for input fields #scss

_input-mixins.scss

@mixin placeholderColor($color) {
    &:-moz-placeholder {
        color: $color;
    }

    &:-ms-input-placeholder {
        color: $color;
    }

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

    &::-webkit-input-placeholder {
        color: $color;
    }
}

@mixin hidePlaceholder() {
    &:-moz-placeholder {
        color: rgba(0,0,0,0);
    }
    
    &:-ms-input-placeholder {
        color: rgba(0,0,0,0);
    }
    
    &::-moz-placeholder {
        color: rgba(0,0,0,0);
    }
    
    &::-webkit-input-placeholder {
        color: rgba(0,0,0,0);
    }
}

@mixin autocompleteColor($background, $color) {
    &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px $background inset;
        -webkit-text-fill-color: $color;
        caret-color: $color;
        font-style: italic;
    }
}