@use "sass:map";
@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;
@use "../core/functions/index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/pager/_layout.scss" as *;

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

    .k-pager-nav {
        @include border-radius( $kendo-pager-item-border-radius );
    }

    .k-pager-numbers {
        .k-button {
            border-radius: $kendo-pager-item-border-radius;

            .k-button-text {
                min-width: calc( var( --kendo-line-height ) * 1em );
            }
        }
    }

    // Sizes
    @each $size, $size-props in $kendo-button-sizes {
        $_padding-y: map.get( $size-props, padding-y );

        .k-pager-numbers .k-button {

            #{k-when-default($kendo-button-default-size, $size)}
            &.k-button-#{$size} {
                padding-inline: $_padding-y;
            }
        }
    }
}