xref: /template/writr/css/components/toc.less (revision 6bee3a761cfe86594198d8f58a501d5b501cf792)

/* =Table of Contents Styles
----------------------------------------------- */

#writr__main {
    position: relative;

    #dw__toc {
        position: absolute;
        top: 20px;
        right: 0px;
        width: 300px;
        min-height: 40px;
        border: solid 2px @ini_background_alt;
        z-index: 900;

        &:hover,
        &:has(.toggle.open) {
            border: solid 2px @ini_theme_color;
        }
    }

    &:has(#plugin_bloglinks__links) {
        #dw__toc {
            top: 116px;
        }
    }
}
/* 960px > x */
@media only screen and (max-width: 959px) {
    #writr__main {
        #dw__toc {
            width: auto;
            padding: 20px 40px;

            &:has(.toggle.closed) {
                padding: 0px;
            }

            > h3 {
                font-size: 0px;
                padding: 0px;

                > * {
                    font-size: 14px;
                    padding: 8px 16px;
                    margin: 0px;
                }
            }

            &:has(.toggle.open) {
                > h3 {
                    > * {
                        margin-top: -20px;
                        margin-right: -40px;
                    }
                }
            }
        }
    }
}