
/* Dashboard columns */
.dashboard .callout {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin-right: 2%;
  background: var(--background-secondary);
  border-radius: 12px;
  padding: 0 1rem 1rem 1rem;
}

/*
    Task Progress bars
    I really like this plugin. This aligns them to my typography and makes them less ugly
    https://github.com/replete/obsidian-minimal-theme-css-snippets
    .cm-task-progress-bar.with-number{
    /* background-color: red; */
    /* TODO maybe 
}
.cm-task-progress-bar.with-number .progress-status {
    color:var(--tx2);
    font-weight:400;
    font-size:10px;
    position:absolute;
    transform:translate(-4px,-12px);
    width:4em;
}

.HyperMD-header .cm-task-progress-bar {
    pointer-events:none;
    position: absolute;
    margin-top:calc(.5em + 1px);
    margin-left:10px;
}


body .kanban-plugin__lane .kanban-plugin__lane-items .kanban-plugin__item-wrapper .kanban-plugin__item .kanban-plugin__item-content-wrapper .kanban-plugin__item-postfix-button-wrapper .kanban-plugin__item-postfix-button .kanban-plugin__icon {
  rotate: 90deg;
}
body .kanban-plugin__lane .kanban-plugin__lane-header-wrapper .kanban-plugin__lane-settings-button-wrapper .kanban-plugin__lane-settings-button .kanban-plugin__icon {
  rotate: 90deg;
}
body .kanban-plugin__lane .kanban-plugin__lane-items .kanban-plugin__item-wrapper .kanban-plugin__item .kanban-plugin__item-content-wrapper .kanban-plugin__item-postfix-button-wrapper .kanban-plugin__item-postfix-button .kanban-plugin__icon {
  rotate: 90deg;
}
*/

/* colors */
.cm-task-progress-bar .progress-bar-inline-1 { background-color:#33090b}
.cm-task-progress-bar .progress-bar-inline-2 { background-color:#620031}
.cm-task-progress-bar .progress-bar-inline-3 { background-color:#a19fbf } 
.cm-task-progress-bar .progress-bar-inline-4 { background-color:#49BFAD}

/* background color 
.HyperMD-header .cm-task-progress-bar .progress-bar-inline-background {
    background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.8) !important;
    opacity:0.5
}

.theme-dark .HyperMD-header .cm-task-progress-bar .progress-bar-inline-background {
    background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 25%), 0.8) !important;
}

/* complete checkmark state 
.cm-task-progress-bar .progress-bar-inline-4 {
    display:none
}
.cm-task-progress-bar:has(.progress-bar-inline-4)::after {
    content:'✓';
    position:absolute;
    top:50%;
    color: var(--tx2);
    font-size:24px;
    line-height: 1em;
    transform:translate(-4px, -8px)
}
*/
