@import "variables.scss";
@import "mixins.scss";
@import "margin.scss";

.table-of-contents {
    @include margin-content;
    @include margin-content-left;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 1rem;
    text-align: left;

    em {
        font-style: normal;
        font-weight: bold;
        font-size: 1.2em;
        display: block;
        margin-bottom: 0.5rem;
    }

    #TableOfContents > ul {
        padding-left: 0;
    }

    nav {
        margin: 0px;
    }

    ul {
        list-style: none;
        padding-left: 2rem;
        margin: 0px;
    }

    a {
        padding: 0;
        white-space: normal;
        margin-left: 0.5rem;
        text-indent: -0.5rem;
    }

    div.wrapper {
        @include bordered-block;
        padding: 1rem;
        @include var(background-color, code-color);
        border-color: $toc-border-color;
        box-sizing: border-box;
        max-width: 100%;
    }
}