@use "@progress/kendo-theme-core/scss/index.scss" as *;
@use "../_globals.scss" as *;

/// Sets letter spacing to the tightest value.
/// @example letter-spacing: var(--kendo-letter-spacing-tightest, -0.15px);
/// @name .k-letter-spacing-tightest
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the tighter value.
/// @example letter-spacing: var(--kendo-letter-spacing-tighter, -0.1px);
/// @name .k-letter-spacing-tighter
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the tight value.
/// @example letter-spacing: var(--kendo-letter-spacing-tight, -0.5px);
/// @name .k-letter-spacing-tight
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the normal value.
/// @example letter-spacing: var(--kendo-letter-spacing-normal, 0px);
/// @name .k-letter-spacing-normal
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the wide value.
/// @example letter-spacing: var(--kendo-letter-spacing-wide, 0.5px);
/// @name .k-letter-spacing-wide
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the wider value.
/// @example letter-spacing: var(--kendo-letter-spacing-wider, 0.1px);
/// @name .k-letter-spacing-wider
/// @group letter-spacing
/// @contextType css

/// Sets letter spacing to the widest value.
/// @example letter-spacing: var(--kendo-letter-spacing-widest, 0.15px);
/// @name .k-letter-spacing-widest
/// @group letter-spacing
/// @contextType css

@mixin kendo-utils--typography--letter-spacing() {
    @include import-once("utils-typography-letter-spacing") {

        // Letter spacing utility classes
        @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: "letter-spacing" );

    }
}