@charset "UTF-8";

// @description
// * display inline-flex mixin.
// * This mixin sets the `display` property to inline-flex with
// * vendor prefixes, providing a convenient way to apply
// * inline-flex styles.

// @access public

// @version 1.1.0

// @author Khaled Mohamed

// @license MIT

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

// @reference: https://shorturl.at/djtB6

// @namespace main-props

// @module main-props/d-inflex

// @dependencies:
// * - Nothing.

// @example
// * .example {
// *   @include d-inflex;
// * }

// @output:
// * .example {
// *   display: -webkit-inline-box;
// *   display: -moz-inline-box;
// *   display: -ms-inline-flexbox;
// *   display: -webkit-inline-flex;
// *   display: inline-flex;
// * }

@mixin d-inflex() {
    $inline-flex-prefixes-values: (
        -webkit-inline-box,
        -webkit-inline-flex,
        -ms-inline-flexbox,
        -moz-inline-box,
        inline-flex
    ) !default;

    @each $inflex-val in $inline-flex-prefixes-values {
        display: $inflex-val;
    }
}