@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/upload/_layout.scss" as *;

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

    .k-upload {
        .k-filename {
            margin-inline-start: k-spacing(2);
        }

        .k-upload-files .k-file-info {
            margin-inline-start: 0;
            margin-inline-end: 0;
        }

        .k-upload-files .k-file {
            padding-block: $kendo-upload-item-padding-y;
        }

        .k-file-size,
        .k-file-validation-message {
            line-height: var( --kendo-line-height-xs, normal );
        }

        .k-multiple-files-wrapper,
        .k-file-single > .k-file-info {
            margin-inline-start: k-spacing(2);
            margin-inline-end: 0;
        }

        .k-upload-files .k-file-info {
            min-height: auto;
        }

        .k-progressbar {
            inset-inline-start: $kendo-upload-item-padding-x;
            inset-inline-end: $kendo-upload-item-padding-x;
            inset-block-end: $kendo-upload-item-padding-y;
        }
    }
}