@charset "UTF-8";

// @description
// * display flex mixin.
// * This mixin provides a convenient way to set the `display` property
// * to a flex value using the specified vendor prefixes for better
// * cross-browser compatibility.

// @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-flex

// @dependencies:
// * - var.$flex-prefixes-values (variable).

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

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

@use "../../../abstract/global-variables" as var;

@mixin d-flex() {
    @each $flex-val in var.$flex-prefixes-values {
        display: $flex-val;
    }
}