////
///
/// Character Dropcap Configuration
/// ===========================================================================
///
/// Configuration for drop capital character styles.
///
/// @group Typography.Character.Specials.Dropcap
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "sass:map";
@use "../../01-core/external" as *;

// ============================================================================
// StyleScape — Module: Dropcap (Config)
// Layer: ss.components
// ============================================================================

$ss-dropcap-config: (
    standard: (
        font-size: var(--ss-font-size-xxl),
        font-weight: 600,
        line-height: 1,
        margin: 0 var(--ss-space-md) 0 0,
        padding: 0,
        border: none,
        border-radius: 0,
    ),

    block: (
        font-size: var(--ss-font-size-xl),
        font-weight: 500,
        line-height: 1,
        height: var(--ss-space-4xl),
        width: var(--ss-space-4xl),
        padding: var(--ss-space-sm),
        border: none,
        border-radius: 0,
    ),
) !default;

// // ============================================================================
// // Configuration
// // ============================================================================

// $ss-character-dropcap-config: (
//     float: left,
//     font-size: 3.5em,
//     line-height: 1,
//     font-weight: var(--ss-font-weight-bold),
//     color: var(--ss-color-foreground),
//     margin-inline-end: var(--ss-space-3),
//     margin-block-start: var(--ss-space-1),
//     padding: 0,
// ) !default;

// // ============================================================================
// // Dropcap Variants
// // ============================================================================

// $ss-character-dropcap-variants: (
//     small: (
//         font-size: 2.5em,
//         margin-inline-end: var(--ss-space-2),
//     ),
//     large: (
//         font-size: 5em,
//         margin-inline-end: var(--ss-space-4),
//     ),
//     elegant: (
//         font-size: 4em,
//         font-family: var(--ss-font-family-serif),
//         font-style: italic,
//         color: var(--ss-color-accent),
//     ),
//     boxed: (
//         font-size: 2.5em,
//         background-color: var(--ss-color-accent),
//         color: var(--ss-color-accent-foreground),
//         padding: var(--ss-space-2) var(--ss-space-3),
//         border-radius: var(--ss-radius-sm),
//     ),
//     outlined: (
//         font-size: 3.5em,
//         color: transparent,
//         -webkit-text-stroke: q(2) var(--ss-color-foreground),
//     ),
//     gradient: (
//         font-size: 4em,
//         background: var(--ss-gradient-primary),
//         background-clip: text,
//         -webkit-background-clip: text,
//         color: transparent,
//     ),
// ) !default;