xref: /template/writr/css/components/toc.less (revision ab6807c0adec892ca423fba682a9d173b4932b59) 
1/* =Table of Contents Styles
2----------------------------------------------- */
3
4#writr__main {
5    position: relative;
6
7    #dw__toc {
8        position: absolute;
9        top: 20px;
10        right: 0px;
11        width: 300px;
12        min-height: 40px;
13        border: solid 2px @ini_background_alt;
14        z-index: 900;
15
16        &:hover,
17        &:has(.toggle.open) {
18            border: solid 2px @ini_theme_color;
19        }
20    }
21
22    &:has(#plugin_bloglinks__links) {
23        #dw__toc {
24            top: 116px;
25        }
26    }
27}
28/* 960px > x */
29@media only screen and (max-width: 959px) {
30    #writr__main {
31        #dw__toc {
32            width: auto;
33            padding: 20px 40px;
34
35            &:has(.toggle.closed) {
36                padding: 0px;
37            }
38
39            > h3 {
40                font-size: 0px;
41                padding: 0px;
42
43                > * {
44                    font-size: 14px;
45                    padding: 8px 16px;
46                    margin: 0px;
47                }
48            }
49
50            &:has(.toggle.open) {
51                > h3 {
52                    > * {
53                        margin-top: -20px;
54                        margin-right: -40px;
55                    }
56                }
57            }
58        }
59    }
60}
61