@progress/kendo-ui/css/web/Default/taskboard/_theme.less

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

// TaskBoard
.k-taskboard {
    .fill(
        @taskboard-text,
        @taskboard-bg,
        @taskboard-border
    );
}

// Toolbar
.k-taskboard-toolbar {
    .fill(
        @taskboard-toolbar-text,
        @taskboard-toolbar-bg,
        @taskboard-toolbar-border
    );
}

// Columns
.k-taskboard-column {
    .fill(
        @taskboard-column-text,
        @taskboard-column-bg,
        @taskboard-column-border
    );
}
.k-taskboard-column.k-state-focus,
.k-taskboard-column:focus  {
    .fill(
        @taskboard-column-focus-text,
        @taskboard-column-focus-bg,
        @taskboard-column-focus-border
    );
}

.k-taskboard-column-header-text {
    .fill( @text: @taskboard-column-header-text );
}

// Preview/Edit Pane
.k-taskboard-pane {
    .fill (
        @taskboard-pane-text,
        @taskboard-pane-bg,
        @taskboard-pane-border
    )
}

// Cards
.k-taskboard-card {
    .fill(
        @taskboard-card-text,
        @taskboard-card-bg,
        @taskboard-card-border
    );

    .k-card-header {
        .fill(
            @taskboard-card-header-text,
            @taskboard-card-header-bg,
            @taskboard-card-header-border
        );
    }

    .k-card-footer {
        .fill(
            @taskboard-card-footer-text,
            @taskboard-card-footer-bg,
            @taskboard-card-footer-border
        );
    }

    .k-card-title {
        .fill( @text: @taskboard-card-title-text );

        &:focus,
        &.k-state-focus {
            .fill( @text: @taskboard-card-title-focus-text );
        }

        &:hover,
        &.k-state-hover {
            .fill( @text: @taskboard-card-title-hover-text );
        }
    }

    &:focus,
    &.k-state-focus {
        .box-shadow( none );
        .fill( @border: @taskboard-card-focus-border );
    }

    &:hover,
    &.k-state-hover {
        .fill( @border: @taskboard-card-hover-border );
    }

    &.k-state-selected {
        .fill(
            @taskboard-card-selected-text,
            @taskboard-card-selected-bg,
            @taskboard-card-selected-border
        );
        background-image: none;
    }

}

// Card Drag Placeholder
.k-taskboard-drag-placeholder {
    .fill(
        @bg: @taskboard-drag-placeholder-bg,
        @border: @taskboard-drag-placeholder-border
    );
}