@mixin placeholder($color) {
    &::-webkit-input-placeholder {
        color: $color;
    }

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

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

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

// BUTTONS & SPLIT BUTTONS

@mixin button-base($background, $border, $shadow) {
    background: $background;
    border: $border;
    box-shadow: $shadow;
}

@mixin button-state($props) {
    @include button-base(
        map-get($props, background),
        map-get($props, border),
        map-get($props, shadow)
    );

    [class^="ui-button-icon"],
    .ui-button-text,
    .ui-c {
        color: map-get($props, color);
    }
}

@mixin button-properties($label, $props) {
    @if ($label == "normal") {
        @include button-state($props);
    } @else {
        &:#{$label} {
            @include button-state($props);
        }
    }
}

// GRID MIXINS

@mixin small {
    @media (max-width: $screen-sm-max) {
        @content;
    }
}

@mixin medium {
    @media screen and (min-width: $screen-md-min) {
        @content;
    }
}

@mixin large {
    @media screen and (min-width: $screen-lg-min) {
        @content;
    }
}

@mixin x-large {
    @media screen and (min-width: $screen-xl-min) {
        @content;
    }
}

@mixin responsive-hide($clas) {
    #{$clas} {
        display: none !important;
    }
}
