@use "../../color-system/_constants.scss" as *;
@use "../../mixins/index.scss" as *;
@use "./variables.scss" as *;
@use "../../z-index/index.scss" as *;

@mixin kendo-tile-layout--layout-base() {

    .k-tilelayout {
        border-width: $kendo-tile-layout-border-width;
        border-style: solid;
        box-sizing: border-box;
        outline: 0;
        display: grid;
        position: relative;
        padding: $kendo-tile-layout-padding-y $kendo-tile-layout-padding-x;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;

        .k-card {
            @include box-shadow( none );
            border-width: $kendo-tile-layout-card-border-width;
        }
    }

    .k-tilelayout-item {
        position: relative;
        z-index: k-z-index("base");
    }

    .k-layout-item-hint {
        @include border-radius( $kendo-tile-layout-hint-border-radius );
        border-width: $kendo-tile-layout-hint-border-width;
        border-style: solid;
        position: relative;

        &.k-layout-item-hint-resize {
            z-index: k-z-index("handle");
        }
    }

    .k-tilelayout-item-header.k-card-header {
        z-index: k-z-index("base");
    }

    .k-tilelayout-item-body {
        min-height: 0;
    }

}