@charset "UTF-8";

// @description
// * flex normal mixins.
// * These mixins provide a convenient way to apply flexbox properties
// * with the `normal` value for the `justify-content` property. The
// * pattern used is (flex)-(justify-content)-(align-items), allowing you
// * to easily set display to flex, justify content to normal, and
// * align items to a specific value.

// @access public

// @version 1.1.0

// @author Khaled Mohamed

// @license MIT

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

// @namespace flexbox

// @module flexbox/normal

// @dependencies:
// * - LibMixin1.d-flex (mixin).
// * - LibMixin2.flex-dir (mixin).
// * - LibMixin3.j-c (mixin).
// * - LibMixin4.a-i (mixin).

// @example
// * .example {
// *   @include flex-normal-normal(row);
// * }

// @output
// * .example {
// *   display: -webkit-box;
// *   display: -moz-box;
// *   display: -ms-flexbox;
// *   display: -webkit-flex;
// *   display: flex;
// *   -webkit-box-orient: horizontal;
// *   -webkit-box-direction: normal;
// *   -webkit-flex-direction: row;
// *   -ms-flex-direction: row;
// *   -moz-flex-direction: row;
// *   -o-flex-direction: row;
// *   flex-direction: row;
// *   -webkit-box-pack: normal;
// *   -webkit-justify-content: normal;
// *   -ms-flex-pack: normal;
// *   -moz-justify-content: normal;
// *   justify-content: normal;
// *   -webkit-box-align: normal;
// *   -webkit-align-items: normal;
// *   -ms-flex-align: normal;
// *   -moz-align-items: normal;
// *   align-items: normal;
// * }

@use "../main-props/flex" as LibMixin1;
@use "../main-props/flex-direction" as LibMixin2;
@use "../main-props/justify-content" as LibMixin3;
@use "../main-props/align-items" as LibMixin4;

// @mixin flex-normal-normal
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-normal($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(normal);
}

// @mixin flex-normal-stretch
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-stretch($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(stretch);
}

// @mixin flex-normal-start
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-start($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(start);
}

// @mixin flex-normal-end
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-end($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(end);
}

// @mixin flex-normal-fstart
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-fstart($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(flex-start);
}

// @mixin flex-normal-fend
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-fend($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(flex-end);
}

// @mixin flex-normal-center
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-center($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(center);
}

// @mixin flex-normal-baseline
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-baseline($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(baseline);
}

// @mixin flex-normal-inh
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-normal

@mixin flex-normal-inh($dir: row) {
    @include LibMixin1.d-flex;
    @include LibMixin2.flex-dir($dir);
    @include LibMixin3.j-c(normal);
    @include LibMixin4.a-i(inherit);
}