// =============================================================================
// 31-modules / figure / output
// =============================================================================

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

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

        &--1x1 {
            @include ss-figure-ratio(1, 1);
        }
        &--3x2 {
            @include ss-figure-ratio(3, 2);
        }
        &--4x3 {
            @include ss-figure-ratio(4, 3);
        }
        &--3x4 {
            @include ss-figure-ratio(3, 4);
        }
        &--2x3 {
            @include ss-figure-ratio(2, 3);
        }
        &--16x9 {
            @include ss-figure-ratio(16, 9);
        }

        &--bordered {
            @include ss-figure-bordered;
        }
        &--rounded {
            @include ss-figure-rounded;
        }

        &__caption {
            font-weight: 700;
            font-style: normal;
        }
    }
}