/// This is equivalent to `margin: -0.25rem;`.
/// @example margin: -0.25rem;
/// @name .k-m--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0;`.
/// @example margin: 0;
/// @name .k-m-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 1px;`.
/// @example margin: 1px;
/// @name .k-m-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin: -1px;`.
/// @example margin: -1px;
/// @name .k-m--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0.125rem;`.
/// @example margin: 0.125rem;
/// @name .k-m-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin: -0.125rem;`.
/// @example margin: -0.125rem;
/// @name .k-m--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0.25rem;`.
/// @example margin: 0.25rem;
/// @name .k-m-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0.5rem;`.
/// @example margin: 0.5rem;
/// @name .k-m-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0.75rem;`.
/// @example margin: 0.75rem;
/// @name .k-m-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 1rem;`.
/// @example margin: 1rem;
/// @name .k-m-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 1.5rem;`.
/// @example margin: 1.5rem;
/// @name .k-m-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 0.125rem;`.
/// @example margin: 0.125rem;
/// @name .k-m-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin: 1px;`.
/// @example margin: 1px;
/// @name .k-m-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin: auto;`.
/// @example margin: auto;
/// @name .k-m-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: -0.25rem;`.
/// @example margin-top: -0.25rem;
/// @name .k-mt--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0;`.
/// @example margin-top: 0;
/// @name .k-mt-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 1px;`.
/// @example margin-top: 1px;
/// @name .k-mt-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: -1px;`.
/// @example margin-top: -1px;
/// @name .k-mt--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0.125rem;`.
/// @example margin-top: 0.125rem;
/// @name .k-mt-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: -0.125rem;`.
/// @example margin-top: -0.125rem;
/// @name .k-mt--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0.25rem;`.
/// @example margin-top: 0.25rem;
/// @name .k-mt-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0.5rem;`.
/// @example margin-top: 0.5rem;
/// @name .k-mt-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0.75rem;`.
/// @example margin-top: 0.75rem;
/// @name .k-mt-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 1rem;`.
/// @example margin-top: 1rem;
/// @name .k-mt-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 1.5rem;`.
/// @example margin-top: 1.5rem;
/// @name .k-mt-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 0.125rem;`.
/// @example margin-top: 0.125rem;
/// @name .k-mt-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: 1px;`.
/// @example margin-top: 1px;
/// @name .k-mt-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-top: auto;`.
/// @example margin-top: auto;
/// @name .k-mt-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: -0.25rem;`.
/// @example margin-right: -0.25rem;
/// @name .k-mr--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0;`.
/// @example margin-right: 0;
/// @name .k-mr-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 1px;`.
/// @example margin-right: 1px;
/// @name .k-mr-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: -1px;`.
/// @example margin-right: -1px;
/// @name .k-mr--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0.125rem;`.
/// @example margin-right: 0.125rem;
/// @name .k-mt-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: -0.125rem;`.
/// @example margin-right: -0.125rem;
/// @name .k-mt--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0.25rem;`.
/// @example margin-right: 0.25rem;
/// @name .k-mr-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0.5rem;`.
/// @example margin-right: 0.5rem;
/// @name .k-mr-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0.75rem;`.
/// @example margin-right: 0.75rem;
/// @name .k-mr-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 1rem;`.
/// @example margin-right: 1rem;
/// @name .k-mr-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 1.5rem;`.
/// @example margin-right: 1.5rem;
/// @name .k-mr-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 0.125rem;`.
/// @example margin-right: 0.125rem;
/// @name .k-mr-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: 1px;`.
/// @example margin-right: 1px;
/// @name .k-mr-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-right: auto;`.
/// @example margin-right: auto;
/// @name .k-mr-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: -0.25rem;`.
/// @example margin-bottom: -0.25rem;
/// @name .k-mb--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 0;`.
/// @example margin-bottom: 0;
/// @name .k-mb-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 1px;`.
/// @example margin-bottom: 1px;
/// @name .k-mb-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: -1px;`.
/// @example margin-bottom: -1px;
/// @name .k-mb--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 0.125rem;`.
/// @example margin-bottom: 0.125rem;
/// @name .k-mb-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: -0.125rem;`.
/// @example margin-bottom: -0.125rem;
/// @name .k-mb--0\.5
/// @group margin
/// @contextType css


/// This is equivalent to `margin-bottom: 0.25rem;`.
/// @example margin-bottom: 0.25rem;
/// @name .k-mb-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 0.5rem;`.
/// @example margin-bottom: 0.5rem;
/// @name .k-mb-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 0.75rem;`.
/// @example margin-bottom: 0.75rem;
/// @name .k-mb-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 1rem;`.
/// @example margin-bottom: 1rem;
/// @name .k-mb-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 1.5rem;`.
/// @example margin-bottom: 1.5rem;
/// @name .k-mb-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 0.125rem;`.
/// @example margin-bottom: 0.125rem;
/// @name .k-mb-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: 1px;`.
/// @example margin-bottom: 1px;
/// @name .k-mb-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-bottom: auto;`.
/// @example margin-bottom: auto;
/// @name .k-mb-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: -0.25rem;`.
/// @example margin-left: -0.25rem;
/// @name .k-ml--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0;`.
/// @example margin-left: 0;
/// @name .k-ml-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 1px;`.
/// @example margin-left: 1px;
/// @name .k-ml-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: -1px;`.
/// @example margin-left: -1px;
/// @name .k-ml--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0.125rem;`.
/// @example margin-left: 0.125rem;
/// @name .k-ml-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: -0.125rem;`.
/// @example margin-left: -0.125rem;
/// @name .k-ml--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0.25rem;`.
/// @example margin-left: 0.25rem;
/// @name .k-ml-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0.5rem;`.
/// @example margin-left: 0.5rem;
/// @name .k-ml-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0.75rem;`.
/// @example margin-left: 0.75rem;
/// @name .k-ml-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 1rem;`.
/// @example margin-left: 1rem;
/// @name .k-ml-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 1.5rem;`.
/// @example margin-left: 1.5rem;
/// @name .k-ml-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 0.125rem;`.
/// @example margin-left: 0.125rem;
/// @name .k-ml-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: 1px;`.
/// @example margin-left: 1px;
/// @name .k-ml-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-left: auto;`.
/// @example margin-left: auto;
/// @name .k-ml-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: -0.25rem;`.
/// @example margin-inline: -0.25rem;
/// @name .k-mx--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0;`.
/// @example margin-inline: 0;
/// @name .k-mx-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 1px;`.
/// @example margin-inline: 1px;
/// @name .k-mx-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: -1px;`.
/// @example margin-inline: -1px;
/// @name .k-mx--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0.125rem;`.
/// @example margin-inline: 0.125rem;
/// @name .k-mx-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: -0.125rem;`.
/// @example margin-inline: -0.125rem;
/// @name .k-mx--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0.25rem;`.
/// @example margin-inline: 0.25rem;
/// @name .k-mx-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0.5rem;`.
/// @example margin-inline: 0.5rem;
/// @name .k-mx-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0.75rem;`.
/// @example margin-inline: 0.75rem;
/// @name .k-mx-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 1rem;`.
/// @example margin-inline: 1rem;
/// @name .k-mx-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 1.5rem;`.
/// @example margin-inline: 1.5rem;
/// @name .k-mx-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 0.125rem;`.
/// @example margin-inline: 0.125rem;
/// @name .k-mx-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: 1px;`.
/// @example margin-inline: 1px;
/// @name .k-mx-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-inline: auto;`.
/// @example margin-inline: auto;
/// @name .k-mx-auto
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: -0.25rem;`.
/// @example margin-block: -0.25rem;
/// @name .k-my--{1-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0;`.
/// @example margin-block: 0;
/// @name .k-my-{0-30}
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 1px;`.
/// @example margin-block: 1px;
/// @name .k-my-1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: -1px;`.
/// @example margin-block: -1px;
/// @name .k-my--1px
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0.125rem;`.
/// @example margin-block: 0.125rem;
/// @name .k-my-0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: -0.125rem;`.
/// @example margin-block: -0.125rem;
/// @name .k-my--0\.5
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0.25rem;`.
/// @example margin-block: 0.25rem;
/// @name .k-my-xs
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0.5rem;`.
/// @example margin-block: 0.5rem;
/// @name .k-my-sm
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0.75rem;`.
/// @example margin-block: 0.75rem;
/// @name .k-my-md
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 1rem;`.
/// @example margin-block: 1rem;
/// @name .k-my-lg
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 1.5rem;`.
/// @example margin-block: 1.5rem;
/// @name .k-my-xl
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 0.125rem;`.
/// @example margin-block: 0.125rem;
/// @name .k-my-thin
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: 1px;`.
/// @example margin-block: 1px;
/// @name .k-my-hair
/// @group margin
/// @contextType css

/// This is equivalent to `margin-block: auto;`.
/// @example margin-block: auto;
/// @name .k-my-auto
/// @group margin
/// @contextType css

@use "sass:map";
@use "../_globals.scss" as *;

// Register
@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;

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

        // Margin utility classes
        $kendo-utils-margin: map.get( $kendo-utils, "margin" ) !default;
        @include generate-utils( m, margin, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( mt, margin-top, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( mr, margin-right, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( mb, margin-bottom, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( ml, margin-left, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( mx, margin-inline, $kendo-utils-margin, $css-var: "spacing" );
        @include generate-utils( my, margin-block, $kendo-utils-margin, $css-var: "spacing" );

    }
}