////
///
/// Flex Base Mixins
/// ===========================================================================
///
/// Core flexbox container mixins for establishing flex contexts.
///
/// @group Mixins.HeadLayout.Flex
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Flex | Base
// ============================================================================

/// Mixin for applying basic flexbox properties to a container.
@mixin flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
}

/// Mixin for inline-flex display
@mixin flex--inline {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}