@charset "UTF-8";

// @description
// * inline-flex start mixins.
// * These mixins provide a convenient way to apply inline flexbox
// * properties with the `flex-end` value for the `justify-content`
// * property.
// * The pattern used is (inline-flex)-(justify-content)-(align-items),
// * allowing you to easily set display to inline-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 inline-flexbox

// @module inline-flexbox/start

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

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

// @output
// * .example {
// *   display: -webkit-inline-box;
// *   display: -webkit-inline-flex;
// *   display: -ms-inline-flexbox;
// *   display: -moz-inline-box;
// *   display: inline-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: start;
// *   -webkit-justify-content: start;
// *   -ms-flex-pack: start;
// *   -moz-justify-content: start;
// *   justify-content: start;
// *   -webkit-box-align: normal;
// *   -webkit-align-items: normal;
// *   -ms-flex-align: normal;
// *   -moz-align-items: normal;
// *   align-items: normal;
// * }

@use "../main-props/inline-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 inflex-start-normal
// @param {String} $dir - The flex direction. Default: row.
// @module inline-flexbox-start

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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