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

@mixin kendo-split-button--layout() {
    @include kendo-split-button--layout-base();

    .k-split-button {
        @each $size, $size-props in $kendo-button-sizes {
            $_font-size: map.get( $size-props, font-size );
            $_line-height: map.get( $size-props, line-height );

            #{k-when-default($kendo-button-default-size, $size)}
            &.k-button-#{$size} {
                font-size: $_font-size;
                line-height: $_line-height;

                &.k-icon-button {
                    .k-button-icon {
                        min-width: calc( #{$_font-size} * #{$_line-height} );
                    }
                }
            }
        }
    }
}
