@use "../../mixins/head_frame/frame_main" as *;

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

/// frame | Main Frame
/// Usage: Add this class to `<body>` or `<main>` to activate frame.
.frame_main {
    @include frame_main;
}

// Area Utilities
.frame_main__area--top_left {
    @include frame_main__area--top_left;
}

.frame_main__area--top_center {
    @include frame_main__area--top_center;
}

.frame_main__area--top_right {
    @include frame_main__area--top_right;
}

.frame_main__area--middle_left {
    @include frame_main__area--middle_left;
}

.frame_main__area--middle_center {
    @include frame_main__area--middle_center;
}

.frame_main__area--middle_right {
    @include frame_main__area--middle_right;
}

.frame_main__area--bottom_left {
    @include frame_main__area--bottom_left;
}

.frame_main__area--bottom_center {
    @include frame_main__area--bottom_center;
}

.frame_main__area--bottom_right {
    @include frame_main__area--bottom_right;
}

// Group Utilities
.frame_main__area--top {
    @include frame_main__area--top;
}

.frame_main__area--middle {
    @include frame_main__area--middle;
}

.frame_main__area--bottom {
    @include frame_main__area--bottom;
}

.frame_main__area--left {
    @include frame_main__area--left;
}

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

.frame_main__area--right {
    @include frame_main__area--right;
}
