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

@mixin kendo-task-board--layout() {
    @include kendo-task-board--layout-base();

    .k-taskboard {
        border-width: $kendo-taskboard-border-width;
        border-style: $kendo-taskboard-border-style;
    }

    .k-taskboard-content {
        padding-inline: $kendo-taskboard-content-padding-x;
        padding-block-start: 0;
        padding-block-end: $kendo-taskboard-content-padding-y;
    }

     .k-taskboard-column-cards-container {
        margin-block-end: 0;
     }

    .k-taskboard-column-cards {
        margin-block-end: $kendo-taskboard-column-container-spacing-y;
    }

    .k-taskboard-pane-header {
        font-size: $kendo-taskboard-pane-header-font-size;
    }

    .k-taskboard-card {
        .k-card-title {
            font-size: $kendo-taskboard-card-title-font-size;
            font-weight: $kendo-taskboard-card-title-font-weight;

            &:focus,
            &.k-focus,
            &:hover,
            &.k-hover {
                text-decoration: none;
            }
        }
    }

    .k-taskboard-pane {
        border: 0;
    }

    // Toolbar
    .k-taskboard-toolbar {
        border-width: $kendo-toolbar-border-width;
        border-inline-width: 0;
        border-block-start-width: 0;
        padding: k-spacing(2);
    }
}