just-the-docs 0.8.2 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +90 -1
- data/_includes/components/breadcrumbs.html +60 -108
- data/_includes/components/children_nav.html +72 -16
- data/_includes/components/nav/children.html +48 -0
- data/_includes/components/nav/links.html +53 -0
- data/_includes/components/nav/pages.html +23 -0
- data/_includes/{sorted_pages.html → components/nav/sorted.html} +3 -3
- data/_includes/components/site_nav.html +12 -7
- data/_includes/css/activation.scss.liquid +257 -264
- data/_layouts/default.html +8 -2
- data/_layouts/minimal.html +3 -31
- data/_sass/base.scss +2 -2
- data/_sass/code.scss +4 -4
- data/_sass/labels.scss +2 -2
- data/_sass/layout.scss +45 -29
- data/_sass/navigation.scss +2 -2
- data/_sass/support/mixins/_typography.scss +34 -14
- data/_sass/tables.scss +2 -2
- data/_sass/typography.scss +4 -4
- data/_sass/vendor/OneDarkJekyll/syntax.scss +63 -0
- data/_sass/vendor/OneLightJekyll/syntax.scss +65 -0
- data/_sass/vendor/normalize.scss/normalize.scss +7 -7
- data/assets/js/just-the-docs.js +5 -3
- data/assets/js/zzzz-search-data.json +1 -0
- data/lib/tasks/search.rake +1 -0
- metadata +7 -5
- data/_includes/components/nav.html +0 -75
data/_sass/layout.scss
CHANGED
@@ -19,32 +19,57 @@
|
|
19
19
|
width: calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width});
|
20
20
|
min-width: $nav-width;
|
21
21
|
}
|
22
|
+
|
23
|
+
& + .main {
|
24
|
+
@include mq(md) {
|
25
|
+
margin-left: $nav-width-md;
|
26
|
+
}
|
27
|
+
|
28
|
+
@include mq(lg) {
|
29
|
+
// stylelint-disable function-name-case
|
30
|
+
// disable for Max(), we want to use the CSS max() function
|
31
|
+
margin-left: Max(
|
32
|
+
#{$nav-width},
|
33
|
+
calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width})
|
34
|
+
);
|
35
|
+
// stylelint-enable function-name-case
|
36
|
+
}
|
37
|
+
|
38
|
+
.main-header {
|
39
|
+
display: none;
|
40
|
+
background-color: $sidebar-color;
|
41
|
+
|
42
|
+
@include mq(md) {
|
43
|
+
display: flex;
|
44
|
+
background-color: $body-background-color;
|
45
|
+
}
|
46
|
+
|
47
|
+
&.nav-open {
|
48
|
+
display: block;
|
49
|
+
|
50
|
+
@include mq(md) {
|
51
|
+
display: flex;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
}
|
55
|
+
}
|
22
56
|
}
|
23
57
|
|
24
58
|
.main {
|
59
|
+
margin: auto;
|
60
|
+
|
25
61
|
@include mq(md) {
|
26
62
|
position: relative;
|
27
63
|
max-width: $content-width;
|
28
|
-
margin-left: $nav-width-md;
|
29
|
-
}
|
30
|
-
|
31
|
-
@include mq(lg) {
|
32
|
-
// stylelint-disable function-name-case
|
33
|
-
// disable for Max(), we want to use the CSS max() function
|
34
|
-
margin-left: Max(
|
35
|
-
#{$nav-width},
|
36
|
-
calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width})
|
37
|
-
);
|
38
|
-
// stylelint-enable function-name-case
|
39
64
|
}
|
40
65
|
}
|
41
66
|
|
42
67
|
.main-content-wrap {
|
43
|
-
@include container;
|
44
|
-
|
45
68
|
padding-top: $gutter-spacing-sm;
|
46
69
|
padding-bottom: $gutter-spacing-sm;
|
47
70
|
|
71
|
+
@include container;
|
72
|
+
|
48
73
|
@include mq(md) {
|
49
74
|
padding-top: $gutter-spacing;
|
50
75
|
padding-bottom: $gutter-spacing;
|
@@ -53,23 +78,12 @@
|
|
53
78
|
|
54
79
|
.main-header {
|
55
80
|
z-index: 0;
|
56
|
-
|
57
|
-
background-color: $sidebar-color;
|
81
|
+
border-bottom: $border $border-color;
|
58
82
|
|
59
83
|
@include mq(md) {
|
60
84
|
display: flex;
|
61
85
|
justify-content: space-between;
|
62
86
|
height: $header-height;
|
63
|
-
background-color: $body-background-color;
|
64
|
-
border-bottom: $border $border-color;
|
65
|
-
}
|
66
|
-
|
67
|
-
&.nav-open {
|
68
|
-
display: block;
|
69
|
-
|
70
|
-
@include mq(md) {
|
71
|
-
display: flex;
|
72
|
-
}
|
73
87
|
}
|
74
88
|
}
|
75
89
|
|
@@ -112,8 +126,6 @@
|
|
112
126
|
}
|
113
127
|
|
114
128
|
.site-title {
|
115
|
-
@include container;
|
116
|
-
|
117
129
|
flex-grow: 1;
|
118
130
|
display: flex;
|
119
131
|
height: 100%;
|
@@ -121,6 +133,9 @@
|
|
121
133
|
padding-top: $sp-3;
|
122
134
|
padding-bottom: $sp-3;
|
123
135
|
color: $body-heading-color;
|
136
|
+
|
137
|
+
@include container;
|
138
|
+
|
124
139
|
@include fs-6;
|
125
140
|
|
126
141
|
@include mq(md) {
|
@@ -186,14 +201,15 @@ body {
|
|
186
201
|
// stylelint-enable selector-max-type
|
187
202
|
|
188
203
|
.site-footer {
|
189
|
-
@include container;
|
190
|
-
|
191
204
|
position: absolute;
|
192
205
|
bottom: 0;
|
193
206
|
left: 0;
|
194
207
|
padding-top: $sp-4;
|
195
208
|
padding-bottom: $sp-4;
|
196
209
|
color: $grey-dk-000;
|
210
|
+
|
211
|
+
@include container;
|
212
|
+
|
197
213
|
@include fs-2;
|
198
214
|
|
199
215
|
@include mq(md) {
|
data/_sass/navigation.scss
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
@mixin fs-1 {
|
2
|
-
|
2
|
+
& {
|
3
|
+
font-size: $font-size-1 !important;
|
4
|
+
}
|
3
5
|
|
4
6
|
@include mq(sm) {
|
5
7
|
font-size: $font-size-1-sm !important;
|
@@ -7,7 +9,9 @@
|
|
7
9
|
}
|
8
10
|
|
9
11
|
@mixin fs-2 {
|
10
|
-
|
12
|
+
& {
|
13
|
+
font-size: $font-size-2 !important;
|
14
|
+
}
|
11
15
|
|
12
16
|
@include mq(sm) {
|
13
17
|
font-size: $font-size-3 !important;
|
@@ -15,7 +19,9 @@
|
|
15
19
|
}
|
16
20
|
|
17
21
|
@mixin fs-3 {
|
18
|
-
|
22
|
+
& {
|
23
|
+
font-size: $font-size-3 !important;
|
24
|
+
}
|
19
25
|
|
20
26
|
@include mq(sm) {
|
21
27
|
font-size: $font-size-4 !important;
|
@@ -23,7 +29,9 @@
|
|
23
29
|
}
|
24
30
|
|
25
31
|
@mixin fs-4 {
|
26
|
-
|
32
|
+
& {
|
33
|
+
font-size: $font-size-4 !important;
|
34
|
+
}
|
27
35
|
|
28
36
|
@include mq(sm) {
|
29
37
|
font-size: $font-size-5 !important;
|
@@ -31,7 +39,9 @@
|
|
31
39
|
}
|
32
40
|
|
33
41
|
@mixin fs-5 {
|
34
|
-
|
42
|
+
& {
|
43
|
+
font-size: $font-size-5 !important;
|
44
|
+
}
|
35
45
|
|
36
46
|
@include mq(sm) {
|
37
47
|
font-size: $font-size-6 !important;
|
@@ -39,7 +49,9 @@
|
|
39
49
|
}
|
40
50
|
|
41
51
|
@mixin fs-6 {
|
42
|
-
|
52
|
+
& {
|
53
|
+
font-size: $font-size-6 !important;
|
54
|
+
}
|
43
55
|
|
44
56
|
@include mq(sm) {
|
45
57
|
font-size: $font-size-7 !important;
|
@@ -48,8 +60,10 @@
|
|
48
60
|
}
|
49
61
|
|
50
62
|
@mixin fs-7 {
|
51
|
-
|
52
|
-
|
63
|
+
& {
|
64
|
+
font-size: $font-size-7 !important;
|
65
|
+
line-height: $body-heading-line-height;
|
66
|
+
}
|
53
67
|
|
54
68
|
@include mq(sm) {
|
55
69
|
font-size: $font-size-8 !important;
|
@@ -57,8 +71,10 @@
|
|
57
71
|
}
|
58
72
|
|
59
73
|
@mixin fs-8 {
|
60
|
-
|
61
|
-
|
74
|
+
& {
|
75
|
+
font-size: $font-size-8 !important;
|
76
|
+
line-height: $body-heading-line-height;
|
77
|
+
}
|
62
78
|
|
63
79
|
@include mq(sm) {
|
64
80
|
font-size: $font-size-9 !important;
|
@@ -66,8 +82,10 @@
|
|
66
82
|
}
|
67
83
|
|
68
84
|
@mixin fs-9 {
|
69
|
-
|
70
|
-
|
85
|
+
& {
|
86
|
+
font-size: $font-size-9 !important;
|
87
|
+
line-height: $body-heading-line-height;
|
88
|
+
}
|
71
89
|
|
72
90
|
@include mq(sm) {
|
73
91
|
font-size: $font-size-10 !important;
|
@@ -75,8 +93,10 @@
|
|
75
93
|
}
|
76
94
|
|
77
95
|
@mixin fs-10 {
|
78
|
-
|
79
|
-
|
96
|
+
& {
|
97
|
+
font-size: $font-size-10 !important;
|
98
|
+
line-height: $body-heading-line-height;
|
99
|
+
}
|
80
100
|
|
81
101
|
@include mq(sm) {
|
82
102
|
font-size: $font-size-10-sm !important;
|
data/_sass/tables.scss
CHANGED
@@ -21,14 +21,14 @@ table {
|
|
21
21
|
|
22
22
|
th,
|
23
23
|
td {
|
24
|
-
@include fs-3;
|
25
|
-
|
26
24
|
min-width: 7.5rem;
|
27
25
|
padding: $sp-2 $sp-3;
|
28
26
|
background-color: $table-background-color;
|
29
27
|
border-bottom: $border rgba($border-color, 0.5);
|
30
28
|
border-left: $border $border-color;
|
31
29
|
|
30
|
+
@include fs-3;
|
31
|
+
|
32
32
|
&:first-of-type {
|
33
33
|
border-left: 0;
|
34
34
|
}
|
data/_sass/typography.scss
CHANGED
@@ -3,9 +3,9 @@
|
|
3
3
|
|
4
4
|
h1,
|
5
5
|
.text-alpha {
|
6
|
-
@include fs-8;
|
7
|
-
|
8
6
|
font-weight: 300;
|
7
|
+
|
8
|
+
@include fs-8;
|
9
9
|
}
|
10
10
|
|
11
11
|
h2,
|
@@ -21,11 +21,11 @@ h3,
|
|
21
21
|
|
22
22
|
h4,
|
23
23
|
.text-delta {
|
24
|
-
@include fs-2;
|
25
|
-
|
26
24
|
font-weight: 400;
|
27
25
|
text-transform: uppercase;
|
28
26
|
letter-spacing: 0.1em;
|
27
|
+
|
28
|
+
@include fs-2;
|
29
29
|
}
|
30
30
|
|
31
31
|
h4 code {
|
@@ -5,198 +5,261 @@ pre.highlight {
|
|
5
5
|
background: #31343f;
|
6
6
|
color: #dee2f7;
|
7
7
|
}
|
8
|
+
|
8
9
|
.highlight pre {
|
9
10
|
background: #31343f;
|
10
11
|
}
|
12
|
+
|
11
13
|
.highlight .hll {
|
12
14
|
background: #31343f;
|
13
15
|
}
|
16
|
+
|
14
17
|
.highlight .c {
|
15
18
|
color: #63677e;
|
16
19
|
font-style: italic;
|
17
20
|
}
|
21
|
+
|
18
22
|
.highlight .err {
|
19
23
|
color: #960050;
|
20
24
|
background-color: #1e0010;
|
21
25
|
}
|
26
|
+
|
22
27
|
.highlight .k {
|
23
28
|
color: #e19ef5;
|
24
29
|
}
|
30
|
+
|
25
31
|
.highlight .l {
|
26
32
|
color: #a3eea0;
|
27
33
|
}
|
34
|
+
|
28
35
|
.highlight .n {
|
29
36
|
color: #dee2f7;
|
30
37
|
}
|
38
|
+
|
31
39
|
.highlight .o {
|
32
40
|
color: #dee2f7;
|
33
41
|
}
|
42
|
+
|
34
43
|
.highlight .p {
|
35
44
|
color: #dee2f7;
|
36
45
|
}
|
46
|
+
|
37
47
|
.highlight .cm {
|
38
48
|
color: #63677e;
|
39
49
|
font-style: italic;
|
40
50
|
}
|
51
|
+
|
41
52
|
.highlight .cp {
|
42
53
|
color: #63677e;
|
43
54
|
font-style: italic;
|
44
55
|
}
|
56
|
+
|
45
57
|
.highlight .c1 {
|
46
58
|
color: #63677e;
|
47
59
|
font-style: italic;
|
48
60
|
}
|
61
|
+
|
49
62
|
.highlight .cs {
|
50
63
|
color: #63677e;
|
51
64
|
font-style: italic;
|
52
65
|
}
|
66
|
+
|
53
67
|
.highlight .ge {
|
54
68
|
font-style: italic;
|
55
69
|
}
|
70
|
+
|
56
71
|
.highlight .gs {
|
57
72
|
font-weight: 700;
|
58
73
|
}
|
74
|
+
|
59
75
|
.highlight .kc {
|
60
76
|
color: #e19ef5;
|
61
77
|
}
|
78
|
+
|
62
79
|
.highlight .kd {
|
63
80
|
color: #e19ef5;
|
64
81
|
}
|
82
|
+
|
65
83
|
.highlight .kn {
|
66
84
|
color: #e19ef5;
|
67
85
|
}
|
86
|
+
|
68
87
|
.highlight .kp {
|
69
88
|
color: #e19ef5;
|
70
89
|
}
|
90
|
+
|
71
91
|
.highlight .kr {
|
72
92
|
color: #e19ef5;
|
73
93
|
}
|
94
|
+
|
74
95
|
.highlight .kt {
|
75
96
|
color: #e19ef5;
|
76
97
|
}
|
98
|
+
|
77
99
|
.highlight .ld {
|
78
100
|
color: #a3eea0;
|
79
101
|
}
|
102
|
+
|
80
103
|
.highlight .m {
|
81
104
|
color: #eddc96;
|
82
105
|
}
|
106
|
+
|
83
107
|
.highlight .s {
|
84
108
|
color: #a3eea0;
|
85
109
|
}
|
110
|
+
|
86
111
|
.highlight .na {
|
87
112
|
color: #eddc96;
|
88
113
|
}
|
114
|
+
|
89
115
|
.highlight .nb {
|
90
116
|
color: #fdce68;
|
91
117
|
}
|
118
|
+
|
92
119
|
.highlight .nc {
|
93
120
|
color: #fdce68;
|
94
121
|
}
|
122
|
+
|
95
123
|
.highlight .no {
|
96
124
|
color: #fdce68;
|
97
125
|
}
|
126
|
+
|
98
127
|
.highlight .nd {
|
99
128
|
color: #fdce68;
|
100
129
|
}
|
130
|
+
|
101
131
|
.highlight .ni {
|
102
132
|
color: #fdce68;
|
103
133
|
}
|
134
|
+
|
104
135
|
.highlight .ne {
|
105
136
|
color: #fdce68;
|
106
137
|
}
|
138
|
+
|
107
139
|
.highlight .nf {
|
108
140
|
color: #dee2f7;
|
109
141
|
}
|
142
|
+
|
110
143
|
.highlight .nl {
|
111
144
|
color: #fdce68;
|
112
145
|
}
|
146
|
+
|
113
147
|
.highlight .nn {
|
114
148
|
color: #dee2f7;
|
115
149
|
}
|
150
|
+
|
116
151
|
.highlight .nx {
|
117
152
|
color: #dee2f7;
|
118
153
|
}
|
154
|
+
|
119
155
|
.highlight .py {
|
120
156
|
color: #fdce68;
|
121
157
|
}
|
158
|
+
|
122
159
|
.highlight .nt {
|
123
160
|
color: #f9867b;
|
124
161
|
}
|
162
|
+
|
125
163
|
.highlight .nv {
|
126
164
|
color: #fdce68;
|
127
165
|
}
|
166
|
+
|
128
167
|
.highlight .ow {
|
129
168
|
font-weight: 700;
|
130
169
|
}
|
170
|
+
|
131
171
|
.highlight .w {
|
132
172
|
color: #f8f8f2;
|
133
173
|
}
|
174
|
+
|
134
175
|
.highlight .mf {
|
135
176
|
color: #eddc96;
|
136
177
|
}
|
178
|
+
|
137
179
|
.highlight .mh {
|
138
180
|
color: #eddc96;
|
139
181
|
}
|
182
|
+
|
140
183
|
.highlight .mi {
|
141
184
|
color: #eddc96;
|
142
185
|
}
|
186
|
+
|
143
187
|
.highlight .mo {
|
144
188
|
color: #eddc96;
|
145
189
|
}
|
190
|
+
|
146
191
|
.highlight .sb {
|
147
192
|
color: #a3eea0;
|
148
193
|
}
|
194
|
+
|
149
195
|
.highlight .sc {
|
150
196
|
color: #a3eea0;
|
151
197
|
}
|
198
|
+
|
152
199
|
.highlight .sd {
|
153
200
|
color: #a3eea0;
|
154
201
|
}
|
202
|
+
|
155
203
|
.highlight .s2 {
|
156
204
|
color: #a3eea0;
|
157
205
|
}
|
206
|
+
|
158
207
|
.highlight .se {
|
159
208
|
color: #a3eea0;
|
160
209
|
}
|
210
|
+
|
161
211
|
.highlight .sh {
|
162
212
|
color: #a3eea0;
|
163
213
|
}
|
214
|
+
|
164
215
|
.highlight .si {
|
165
216
|
color: #a3eea0;
|
166
217
|
}
|
218
|
+
|
167
219
|
.highlight .sx {
|
168
220
|
color: #a3eea0;
|
169
221
|
}
|
222
|
+
|
170
223
|
.highlight .sr {
|
171
224
|
color: #7be2f9;
|
172
225
|
}
|
226
|
+
|
173
227
|
.highlight .s1 {
|
174
228
|
color: #a3eea0;
|
175
229
|
}
|
230
|
+
|
176
231
|
.highlight .ss {
|
177
232
|
color: #7be2f9;
|
178
233
|
}
|
234
|
+
|
179
235
|
.highlight .bp {
|
180
236
|
color: #fdce68;
|
181
237
|
}
|
238
|
+
|
182
239
|
.highlight .vc {
|
183
240
|
color: #fdce68;
|
184
241
|
}
|
242
|
+
|
185
243
|
.highlight .vg {
|
186
244
|
color: #fdce68;
|
187
245
|
}
|
246
|
+
|
188
247
|
.highlight .vi {
|
189
248
|
color: #f9867b;
|
190
249
|
}
|
250
|
+
|
191
251
|
.highlight .il {
|
192
252
|
color: #eddc96;
|
193
253
|
}
|
254
|
+
|
194
255
|
.highlight .gu {
|
195
256
|
color: #75715e;
|
196
257
|
}
|
258
|
+
|
197
259
|
.highlight .gd {
|
198
260
|
color: #f92672;
|
199
261
|
}
|
262
|
+
|
200
263
|
.highlight .gi {
|
201
264
|
color: #a6e22e;
|
202
265
|
}
|