////
///
/// Align Items Mixins
/// ===========================================================================
///
/// Flexbox align-items mixins for cross-axis alignment.
///
/// @group Mixins.HeadLayout.Alignment
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "sass:map";
@use "../../../variables" as *;

// ============================================================================
// Align Items
// ============================================================================

/// Mixin for stretching items in a flex container.
@mixin align--stretch {
    align-items: stretch;
}

/// Mixin for aligning items to the start of a flex container.
@mixin align--start {
    align-items: flex-start;
}

/// Mixin for aligning items to the end of a flex container.
@mixin align--end {
    align-items: flex-end;
}

/// Mixin for centering items in a flex container.
@mixin align--center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/// Mixin for aligning items to the baseline of a flex container.
@mixin align--baseline {
    align-items: baseline;
}