////
///
/// Stacks (Bootstrap parity)
/// ===========================================================================
///
/// Vertical and horizontal one-dimensional flex layouts.
/// Mirrors Bootstrap's `.vstack` / `.hstack` helpers.
///
/// @group Layout.Stacks
/// @access public
///
////

@use "../01-core/external" as *;
@use "../01-core/prefix" as *;

@layer ss.layout {
    .#{$ss-prefix-layout}-vstack {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-self: stretch;
    }

    .#{$ss-prefix-layout}-hstack {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
    }
}