Permalink
Dec 19, 2020
Dec 19, 2020
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Dec 19, 2020
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Dec 19, 2020
Apr 7, 2021
Dec 19, 2020
Newer
100644
108 lines (93 sloc)
2.18 KB
1
# Outliner pane
2
```css
3
/* connecting lines outliner */
7
}
8
11
}
12
13
.outline .tree-item-self {
14
padding-top: 0.2rem;
15
padding-bottom: 0.1rem;
16
padding-left: 0.5rem;
17
padding-right: 0.3rem;
18
}
19
23
24
.outline .tree-item-inner{
25
position:relative;
26
padding-top: 0.2rem;
27
/* padding-left: 1rem; */
28
padding-left: 1.7em;
29
text-indent: -0.8em;
30
margin-left: 0.2rem;
31
/* font-size: 0.9em; */
32
}
33
34
.outline .tree-item-children {
35
margin-left: 0.7rem;
36
padding-left: 0.5rem;
37
margin-top: -0.3rem;
38
padding-top: 0.3rem;
39
border-left: 1px solid var(--sidebar-marks, var(--background-modifier-border));
40
border-radius: 4px;
41
transition:all 0.5s ease-in-out;
42
}
43
44
.outline .tree-item-children:hover {
45
border-left-color: var(--sidebar-marks-hover, var(--background-secondary));
46
}
47
48
.outline .collapse-icon + .tree-item-inner {
49
font-weight: 400;
50
padding-left: 0.2rem;
51
/* margin-left: 0rem; */
52
/* font-size: 1em; */
53
}
54
55
.outline .collapse-icon {
56
margin-top: 0.2rem;
57
margin-left: -0.4rem;
58
margin-right: -0.4rem;
59
width: 2rem;
60
}
62
65
66
```css
67
/* change font color outline */
68
div.collapsible-item-inner {
69
color: var(--base3);
70
}
72
73
```css
74
/* Heading counter for outline pane */
75
.outline {
76
counter-reset: rootLayout;
77
}
78
.outline .tree-item .tree-item-self .tree-item-inner::before {
79
content: counters(rootLayout, ".") ". ";
80
counter-increment: rootLayout;
81
}
82
.tree-item-children {
83
counter-reset: internalLayout;
84
}
85
.tree-item-children .tree-item .tree-item-self .tree-item-inner::before {
86
content: counters(rootLayout, ".") "." counters(internalLayout, ".") ". ";
87
counter-increment: internalLayout;
88
}
89
90
/* nested list counting (ex: 1.1, 1.2) */
91
/* https://github.com/hipstersmoothie/obsidian-plugin-toc#detailed-nested-ordered-lists */
92
ol {
93
counter-reset: item;
94
}
95
98
}
99
100
ol li:before {
101
content: counters(item, ".") ". ";
102
counter-increment: item;
103
padding-right: 5px;
104
}