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

/// This is equivalent to `font-weight: 100;`.
/// @example font-weight: 100;
/// @name .k-font-thin
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 200;`.
/// @example font-weight: 200;
/// @name .k-font-extralight
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 300;`.
/// @example font-weight: 300;
/// @name .k-font-light
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 400;`.
/// @example font-weight: 400;
/// @name .k-font-normal
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 500;`.
/// @example font-weight: 500;
/// @name .k-font-medium
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 600;`.
/// @example font-weight: 600;
/// @name .k-font-semibold
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 700;`.
/// @example font-weight: 700;
/// @name .k-font-bold
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 800;`.
/// @example font-weight: 800;
/// @name .k-font-extrabold
/// @group font-weight
/// @contextType css

/// This is equivalent to `font-weight: 900;`.
/// @example font-weight: 900;
/// @name .k-font-black
/// @group font-weight
/// @contextType css

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

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

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

        // Legacy aliases
        @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: "font-weight" );

    }
}