@use "./base.scss";

// put your custom CSS here!

// hide date for subfolders on folderpage
.page-listing {
    li.section-li:has(.section .desc) {
        .meta {
            // hides date, keep indent
            visibility: hidden;
        }
        .section {
          grid-template-columns: none;
        }
    }
}
.page-header div.popover-hint p.content-meta {
display: none;
}
.popover-hint div.page-listing p {
display: none;
}
 
// indicate folder more clearly on folderpage
.page-listing {
    li.section-li:has(.section .desc a.internal[href$="/"]) {
        .desc a.internal {
            // prepend folder emoji
            &:before {
                content: "📁";
                font-size: 2em;
            }
        }
    }
}

// hide Date if frontmatter contains cssclasses hideDate
body:has(.page-header ~ article.hideDate) .content-meta {
    display: none;
}

.popover-hint div.table-container table thead tr {
color: var(--secondary);
}
.popover-hint div.table-container table tbody tr {
border-bottom: 1px solid var(--secondary);
}

.popover-hint div.table-container table thead tr th {
border-bottom: 2px solid var(--secondary);
}
.popover-hint h1 {
color: var(--tertiary);
}
.popover-hint h2 {
color: var(--secondary);
}