@charset "UTF-8";

// @description
// * flex-direction utility class.
// * This file provides the `flex-*` utility class.
// * It can be used as a standalone class in any where it is needed.

// @access public

// @version 1.0.0

// @author Khaled Mohamed

// @license MIT

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

// @namespace utils

// @module utils/flex-direction

// @dependencies:
// * - LibMixin.flex-dir (mixin).

// @example
// * <div class="u-flex-col"></div>

// @output:
// * .u-flex-col {
// *   -webkit-box-orient: vertical;
// *   -webkit-box-direction: normal;
// *   -webkit-flex-direction: column;
// *   -ms-flex-direction: column;
// *   -moz-flex-direction: column;
// *   -o-flex-direction: column;
// *   flex-direction: column;
// * }

@use "../../mixins/flex-props/main-props/flex-direction" as LibMixin;

$flex-direction-values: (
    flex-row: row,
    flex-row-reverse: row-reverse,
    flex-col: column,
    flex-col-reverse: column-reverse,
);

@each $flex-direction-class-name, $flex-direction-value in $flex-direction-values {
    .u-#{$flex-direction-class-name} {
        @include LibMixin.flex-dir($flex-direction-value);
    }
}