@use "./variables.scss" as *;

@mixin kendo-dropdown-tree--layout-base() {

    // Dropdown tree
    .k-dropdown-tree {}

    // Dropdowntree popup
    .k-popup-dropdowntree, // remove legacy class once updated in components
    .k-dropdowntree-popup,
    .k-multiselecttree-popup {
        padding-block: $kendo-dropdowntree-popup-padding-y;
        padding-inline: $kendo-dropdowntree-popup-padding-x;
        overflow: hidden;

        .k-check-all,
        .k-list-filter {
            padding-block: $kendo-dropdowntree-check-all-padding-y;
            padding-inline: $kendo-dropdowntree-check-all-padding-x;
        }
    }

    .k-multiselecttree {
        .k-input-values {
            width: auto;
            max-width: 100%;
        }

        .k-input-inner::before {
            content: "";
            width: 0;
            height: 1lh;
            overflow: hidden;
            flex: none;
            display: inline-block;
            vertical-align: top;
        }
    }

}