@use "_colours.scss";
@use "_typography.scss";

table:not(.nostyle) {
    border-collapse: collapse;
    
    margin: {
        top: 1rem;
        bottom: 1rem;
    }
    
    thead, tfoot {
        background-color: colours.$grey--05;
    }
    
    td, th {
        padding: calc(typography.$font-size / 4);
        border: 1px solid colours.$grey--40;
    }
    
    tr:hover {
        background-color: colours.$brand--05;
    }
    
    & > caption {
        padding-bottom: calc(typography.$font-size / 4);
    }
}

blockquote {
    background-color: colours.$grey--05;
    
    margin: 0;
    padding: 1em 2em;
    
    & > p:last-of-type {
        margin-bottom: 0;
    }
    
    border-left: 5px solid colours.$brand--50;
    border-radius: 3px;
}

.toc-container {
    margin: {
        top: 1rem;
        bottom: 1rem;
    }
    
    $border-style: 1px solid colours.$grey--30;
    
    border: $border-style;
    border-radius: 6px;
    padding: 0.75em;
    
    .header {
        border-bottom: $border-style;
        padding-bottom: 0.75em;
        margin-bottom: 0.75em;
    }
    
    .content {
        ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
    }
}