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

/// This is equivalent to `font-size: 10px;`.
/// @example font-size: 10px;
/// @name .k-font-size-xs
/// @group font-size
/// @contextType css

/// This is equivalent to `font-size: 12px;`.
/// @example font-size: 12px;
/// @name .k-font-size-sm
/// @group font-size
/// @contextType css

/// This is equivalent to `font-size: 14px;`.
/// @example font-size: 14px;
/// @name .k-font-size-md
/// @group font-size
/// @contextType css

/// This is equivalent to `font-size: 16px;`.
/// @example font-size: 16px;
/// @name .k-font-size-lg
/// @group font-size
/// @contextType css

/// This is equivalent to `font-size: 20px;`.
/// @example font-size: 20px;
/// @name .k-font-size-xl
/// @group font-size
/// @contextType css

@use "../_mixins.scss" as *;

@mixin kendo-utils--typography--font-size() {
    @include import-once("utils-typography-font-size") {

        // Font size utility classes
        @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: "font-size" );

        // Legacy aliases
        @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: "fs" );

    }
}