////
///
/// Flex Direction Mixins
/// ===========================================================================
///
/// Flexbox direction mixins for controlling main axis orientation.
///
/// @group Mixins.HeadLayout.Flex
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "base" as *;

// ============================================================================
// Flex | Direction
// ============================================================================

/// Mixin for setting the flex direction to column.
@mixin flex--col {
    @include flex;
    -webkit-flex-direction: column;
    -moz-box-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/// Mixin for setting the flex direction to column-reverse.
@mixin flex--col--reverse {
    @include flex;
    -webkit-flex-direction: column-reverse;
    -moz-box-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/// Mixin for setting the flex direction to row.
@mixin flex--row {
    @include flex;
    -webkit-flex-direction: row;
    -moz-box-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

/// Mixin for setting the flex direction to row-reverse.
@mixin flex--row--reverse {
    @include flex;
    -webkit-flex-direction: row-reverse;
    -moz-box-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}