// =============================================================================
// 31-modules / cover / mixins
// =============================================================================

@use "sass:map";
@use "./cover.config" as config;

@mixin ss-f-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: map.get(config.$cover-config, "padding-bottom");
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

@mixin ss-f-cover-full {
    @include ss-f-cover;
    height: map.get(config.$cover-config, "height-full");
    min-height: map.get(config.$cover-config, "height-full");
}

@mixin ss-f-cover-semi {
    @include ss-f-cover;
    height: map.get(config.$cover-config, "height-semi");
    max-height: map.get(config.$cover-config, "height-semi");
}

@mixin ss-f-cover-image {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@mixin ss-f-cover-title {
    text-align: center;
    position: relative;
    width: 100%;
    padding-top: map.get(config.$cover-config, "title-padding-top");
}

@mixin ss-f-cover-arrow {
    position: absolute;
    bottom: 0;
}