////
///
/// Character Size Output
/// ===========================================================================
///
/// CSS output for font-size character variants.
///
/// @group Typography.Character.Variants.Size
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

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

@layer ss.typography {
    .#{$ss-prefix-typography}-text-xs {
        @include mixins.character-size-xs;
    }

    .#{$ss-prefix-typography}-text-sm {
        @include mixins.character-size-sm;
    }

    .#{$ss-prefix-typography}-text-base {
        @include mixins.character-size-base;
    }

    .#{$ss-prefix-typography}-text-lg {
        @include mixins.character-size-lg;
    }

    .#{$ss-prefix-typography}-text-xl {
        @include mixins.character-size-xl;
    }

    .#{$ss-prefix-typography}-text-2xl {
        @include mixins.character-size-2xl;
    }

    .#{$ss-prefix-typography}-text-3xl {
        @include mixins.character-size-3xl;
    }

    .#{$ss-prefix-typography}-text-4xl {
        @include mixins.character-size-4xl;
    }

    .#{$ss-prefix-typography}-text-5xl {
        @include mixins.character-size-5xl;
    }

    .#{$ss-prefix-typography}-text-6xl {
        @include mixins.character-size-6xl;
    }

    // Relative sizes
    .#{$ss-prefix-typography}-text-smaller {
        @include mixins.character-size-smaller;
    }

    .#{$ss-prefix-typography}-text-larger {
        @include mixins.character-size-larger;
    }
}