////
///
/// Spacer Utility Classes
/// ===========================================================================
///
/// CSS classes for spacer components with various sizes.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyAtoms.Layout
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../../dev" as *;
@use "../../../mixins" as *;

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

.spacer_vertical {
    @include spacer_vertical;

    &--xs {
        @include spacer_vertical--xs;
    }
    &--sm {
        @include spacer_vertical--sm;
    }
    &--md {
        @include spacer_vertical--md;
    }
    &--lg {
        @include spacer_vertical--lg;
    }
    &--xl {
        @include spacer_vertical--xl;
    }
    &--2xl {
        @include spacer_vertical--2xl;
    }
    &--3xl {
        @include spacer_vertical--3xl;
    }
}

// Default height for .spacer_vertical without modifier
.spacer_vertical:not([class*="--"]) {
    @include spacer_vertical--default;
}

.spacer_horizontal {
    @include spacer_horizontal;

    &--xs {
        @include spacer_horizontal--xs;
    }
    &--sm {
        @include spacer_horizontal--sm;
    }
    &--md {
        @include spacer_horizontal--md;
    }
    &--lg {
        @include spacer_horizontal--lg;
    }
    &--xl {
        @include spacer_horizontal--xl;
    }
    &--2xl {
        @include spacer_horizontal--2xl;
    }
    &--3xl {
        @include spacer_horizontal--3xl;
    }
}

// Default width for .spacer_horizontal without modifier
.spacer_horizontal:not([class*="--"]) {
    @include spacer_horizontal--default;
}

.spacer_flex {
    @include spacer_flex;
}

.spacer_divider {
    @include spacer_divider;

    &--vertical {
        @include spacer_divider--vertical;
    }
}