@charset "UTF-8";

// @description
// * prefix-val mixins.
// * This mixin generates CSS properties with vendor prefixes for
// * cross-browser compatibility. It applies the specified property and
// * value with prefixes for webkit, moz, ms, and o.

// @access public

// @version 1.1.0

// @author Khaled Mohamed

// @license MIT

// @repository: https://github.com/Black-Axis/sass-pire

// @reference: https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

// @namespace vendor-prefixes

// @module vendor-prefixes/prefix-val

// @dependencies:
// * - Nothing.

// @param {String} $prop
// * The CSS property.

// @param {String} $value
// * The CSS value for the property.

// @example
// * .example {
// *   @include prefix-val-ms(display, grid);
// * }

// @output
// * .example {
// *   display: -ms-grid;
// *   display: grid;
// * }

@mixin prefix-val-all($prop, $value) {
    #{$prop}: -webkit-#{$value};
    #{$prop}: -moz-#{$value};
    #{$prop}: -ms-#{$value};
    #{$prop}: -o-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-web-moz-ms($prop, $value) {
    #{$prop}: -webkit-#{$value};
    #{$prop}: -moz-#{$value};
    #{$prop}: -ms-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-web-moz($prop, $value) {
    #{$prop}: -webkit-#{$value};
    #{$prop}: -moz-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-web-ms($prop, $value) {
    #{$prop}: -webkit-#{$value};
    #{$prop}: -ms-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-web-o($prop, $value) {
    #{$prop}: -webkit-#{$value};
    #{$prop}: -o-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-moz-o($prop, $value) {
    #{$prop}: -moz-#{$value};
    #{$prop}: -o-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-ms($prop, $value) {
    #{$prop}: -ms-#{$value};
    #{$prop}: #{$value};
}

@mixin prefix-val-ms-o($prop, $value) {
    #{$prop}: -ms-#{$value};
    #{$prop}: -o-#{$value};
    #{$prop}: #{$value};
}