.b-task-board-base {
    --thickness                                     : 6px;

    --b-task-board-font-size                        : 1.1em; /* Scales everything */
    --b-task-board-body-padding                     : 1em;

    --b-task-board-column-gap                       : .75em;
    --b-task-board-column-padding                   : .75em;

    --b-task-board-card-border-top-radius           : var(--thickness);
    --b-task-board-card-border-bottom-radius        : var(--thickness);

    --b-task-board-progressitem-height              : var(--thickness);

    --b-task-board-resource-avatars-justify-content : flex-start;
    --b-task-board-resource-avatars-flex            : 1;

    .b-colorize {
        --b-task-board-card-border-top     : var(--thickness) solid var(--b-primary-70);
        --b-task-board-progress-item-color : var(--b-primary-70);
    }
}

/* Color circle in column headers */
.b-task-board-column-header-padder::before {
    content           : '';
    width             : .8em;
    height            : .8em;
    border-radius     : 50%;
    margin-inline-end : 0.5em;
    align-self        : center;

    background        : var(--b-primary-70);
}

/* Team icon + text */
.b-task-board-task-item[data-field=team] {
    color : var(--b-task-board-card-footer-color);

    i {
        margin-inline-end : .5em;
    }
}

/* Display % done next to progress bar */
.b-task-board-progress::after {
    content              : attr(data-percent);
    padding-inline-start : .5em;
    font-size            : .9em;
}