@charset "UTF-8";

// @description
// * flex flex-end mixins.
// * These mixins provide a convenient way to apply flexbox properties
// * with the `flex-end` 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 flex-end, 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/fend

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

// @example
// * .example {
// *   @include flex-fend-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: flex-end;
// *   -webkit-justify-content: flex-end;
// *   -ms-flex-pack: flex-end;
// *   -moz-justify-content: flex-end;
// *   justify-content: flex-end;
// *   -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-fend-normal
// @param {String} $dir - The flex direction. Default: row.
// @module flexbox-fend

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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