////
///
/// Cover
/// ===========================================================================
///
/// Full viewport/container cover layout.
/// Pure spatial logic. No colors. No shadows.
///
/// @group Flow
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@layer ss.flow {

.ss-f-cover {
    display: flex;
    flex-direction: column;
    min-block-size: var(--ss-f-cover-min, 100vh);
    padding: var(--ss-f-cover-padding, var(--ss-spacing-4));
}

.ss-f-cover > * {
    margin-block: var(--ss-spacing-4);
}

.ss-f-cover > :first-child:not(.ss-f-cover-center) {
    margin-block-start: 0;
}

.ss-f-cover > :last-child:not(.ss-f-cover-center) {
    margin-block-end: 0;
}

.ss-f-cover-center {
    margin-block: auto;
}

// Cover variants
.ss-f-cover-half {
    --ss-f-cover-min: 50vh;
}
.ss-f-cover-full {
    --ss-f-cover-min: 100vh;
}
.ss-f-cover-dynamic {
    --ss-f-cover-min: 100dvh;
}

}