////
///
/// Layout Classes Module | Flex
/// ===========================================================================
///
/// @group LayoutFlex
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../../mixins/head_layout/flex" as *;
@use "../../mixins/head_layout/position/align_self" as *;

// ============================================================================
// Utility Classes
// ============================================================================

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

.flex {
    @include flex;
}

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

.flex--col {
    @include flex--col;
}

.flex--col--reverse {
    @include flex--col--reverse;
}

.flex--row {
    @include flex--row;
}

.flex--row--reverse {
    @include flex--row--reverse;
}

// Flex | Wrap
// ============================================================================

.flex--wrap {
    @include flex--wrap;
}

.flex--wrap--reverse {
    @include flex--wrap--reverse;
}

// Flex | Child Behavior
// ============================================================================

.flex--keep {
    @include flex--keep;
}

.flex--fill {
    @include flex--fill;
}

// Flex | Align Self
// ============================================================================

.align_self--auto {
    @include align_self--auto;
}

.align_self--normal {
    @include align_self--normal;
}

.align_self--center {
    @include align_self--center;
}

.align_self--start {
    @include align_self--start;
}

.align_self--self_start {
    @include align_self--self_start;
}

.align_self--flex_start {
    @include align_self--flex_start;
}

.align_self--end {
    @include align_self--end;
}

.align_self--self_end {
    @include align_self--self_end;
}

.align_self--flex_end {
    @include align_self--flex_end;
}

.align_self--stretch {
    @include align_self--stretch;
}

.align_self--baseline {
    @include align_self--baseline;
}