@charset "UTF-8";

// @description
// * inline-flex right 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/right

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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