@use "sass:math";
@use "./_variables.scss" as *;
@use "../overlay/_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/loader/_layout.scss" as *;

@mixin kendo-loader--layout() {
    @include kendo-loader--layout-base();

    .k-loader-sm {
        padding-inline: $kendo-loader-sm-padding-x;
        padding-block: $kendo-loader-sm-padding-y;
    }
    .k-loader-md {
        padding-inline: $kendo-loader-md-padding-x;
        padding-block: $kendo-loader-md-padding-y;
    }
    .k-loader-lg {
        padding-inline: $kendo-loader-lg-padding-x;
        padding-block: $kendo-loader-lg-padding-y;
    }

    .k-loader-container-sm {
        .k-loader-container-inner {
            padding-inline: $kendo-loader-sm-container-padding-x;
            padding-block: $kendo-loader-sm-container-padding-y;
        }
    }
    .k-loader-container-md {
        .k-loader-container-inner {
            padding-inline: $kendo-loader-md-container-padding-x;
            padding-block: $kendo-loader-md-container-padding-y;
        }
    }
    .k-loader-container-lg {
        .k-loader-container-inner {
            padding-inline: $kendo-loader-lg-container-padding-x;
            padding-block: $kendo-loader-lg-container-padding-y;
        }
    }

    .k-loader-container-label {
        font-weight: var( --kendo-font-weight-semibold, 600 );
    }
}

@mixin kendo-loading--layout() {
    @include kendo-loading--layout-base();
}