// =============================================================================
// 31-modules / portfolio / output
// =============================================================================

@use "../../01-core/prefix" as *;
@use "./portfolio.mixins" as *;
@use "../../01-core/external" as *;

@layer ss.components {
    .#{$ss-prefix-module}-portfolio {
        @include ss-portfolio;

        &__item {
            @include ss-portfolio-item;
        }
        &__caption {
            position: absolute;
            inset: auto 0 0 0;
            padding: q(8) q(12);
            background-color: rgba(0, 0, 0, 0.5);
            color: #ffffff;
            font-size: q(14);
        }
    }
}