////
///
/// Paragraph Columns Output
/// ===========================================================================
///
/// CSS output for multi-column paragraph layouts.
///
/// @group Typography.Paragraph.Layout.Columns
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

// ============================================================================
// Output
// ============================================================================

@layer ss.typography {
    .#{$ss-prefix-typography}-columns-2 {
        @include mixins.paragraph-columns-2;
    }

    .#{$ss-prefix-typography}-columns-3 {
        @include mixins.paragraph-columns-3;
    }

    .#{$ss-prefix-typography}-columns-4 {
        @include mixins.paragraph-columns-4;
    }

    .#{$ss-prefix-typography}-columns-auto {
        @include mixins.paragraph-columns-auto;
    }

    .#{$ss-prefix-typography}-columns-narrow {
        @include mixins.paragraph-columns-narrow;
    }

    .#{$ss-prefix-typography}-columns-wide {
        @include mixins.paragraph-columns-wide;
    }

    .#{$ss-prefix-typography}-column-span {
        @include mixins.paragraph-column-span-all;
    }
}