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

@layer ss.typography {
    // ---------------------------------------------------------------------------
    // Base Variants
    // ---------------------------------------------------------------------------

    .#{$ss-prefix-typography}-underline {
        @include lined.ss-character-underline();
    }

    // A line above the text. `.ss-t-overline` is the caption "eyebrow"
    // (paragraph/semantic/caption), so the line is `-overline-rule`.
    .#{$ss-prefix-typography}-overline-rule {
        @include lined.ss-character-overline();
    }

    .#{$ss-prefix-typography}-line-through {
        @include lined.ss-character-line-through();
    }

    // ---------------------------------------------------------------------------
    // Alternate Color Variants
    // ---------------------------------------------------------------------------

    .#{$ss-prefix-typography}-underline-alt {
        @include lined.ss-character-underline-alt();
    }

    // `-overline-alt` kept as an alias of `-overline-rule-alt`.
    .#{$ss-prefix-typography}-overline-rule-alt,
    .#{$ss-prefix-typography}-overline-alt {
        @include lined.ss-character-overline-alt();
    }

    .#{$ss-prefix-typography}-line-through-alt {
        @include lined.ss-character-line-through-alt();
    }
}

// Optional Semantic Binding

// @layer ss.typography {

//   u {
//     @include lined.ss-character-underline();
//   }

//   s,
//   del {
//     @include lined.ss-character-line-through();
//   }

// }