/// Box shadow for all browser
///
/// @author Federico Gambardella<federico.gambardella@micegrouèp.it>
@mixin box-shadow($value) {
    -moz-box-shadow: $value;
    -webkit-box-shadow: $value;
    box-shadow: $value;
}

@mixin flex($value) {
    display: flex !important;
    justify-content: $value;
    align-items: $value;
}

@mixin user-select($value) {
    user-select: $value;
    -webkit-user-select: $value; /* Chrome/Safari */
    -moz-user-select: $value; /* Firefox */
    -ms-user-select: $value;
}

@mixin height-fit-content() {
    height: -moz-fit-content; /* Firefox/Gecko */
    height: -webkit-fit-content; /* Chrome */
    height: fit-content;
}

@mixin width-fit-content() {
    width: -moz-fit-content; /* Firefox/Gecko */
    width: -webkit-fit-content; /* Chrome */
    width: fit-content;
}

@mixin display-inline-flex() {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@mixin align($value) {
    -webkit-box-align: $value;
    -ms-flex-align: $value;
    align-items: $value;
}

@mixin transition-property() {
    -webkit-transition-property: background-color, border, -webkit-box-shadow;
    transition-property: background-color, border, -webkit-box-shadow;
    transition-property: background-color, border, box-shadow;
    transition-property: background-color, border, box-shadow, -webkit-box-shadow;
}

@mixin transition-timing-function($value) {
    -webkit-transition-timing-function: $value;
    transition-timing-function: $value;
}

@mixin placeholder-color($value, $color) {
    .#{$value} {
        &::-webkit-input-placeholder {
            color: $color;
        }

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

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

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

@mixin transform-style($value) {
    -webkit-transform-style: $value;
    transform-style: $value;
}

@mixin transform($value) {
    -webkit-transform: $value;
    -ms-transform: $value;
    transform: $value;
}

@mixin backfaceVisibility($value) {
    -webkit-backface-visibility: $value;
    backface-visibility: $value;
}

@mixin perspective($value) {
    -webkit-perspective: $value;
    perspective: $value;
}

@mixin setCssproperty($map, $prop, $map-prop) {
    #{$prop}: map-get($map, $map-prop);
}


@mixin setStyleBySection($section, $map, $section-name) {
    @if($section == $section-name) {
        @content($map)
    }
}


@mixin loopArray($array) {
    @for $i from 1 through length($array) {
       @content($i)
    }
}


@mixin margin($value) {
    margin-top: $value;
    margin-bottom: $value;
    margin-left: $value;
    margin-right: $value
}

@mixin padding($value) {
    padding-top: $value;
    padding-bottom: $value;
    padding-left: $value;
    padding-right: $value
}