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.
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
- display: none;
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) {
@@ -8,11 +8,11 @@
8
8
  list-style: none;
9
9
 
10
10
  .nav-list-item {
11
- @include fs-4;
12
-
13
11
  position: relative;
14
12
  margin: 0;
15
13
 
14
+ @include fs-4;
15
+
16
16
  @include mq(md) {
17
17
  @include fs-3;
18
18
  }
@@ -1,5 +1,7 @@
1
1
  @mixin fs-1 {
2
- font-size: $font-size-1 !important;
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
- font-size: $font-size-2 !important;
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
- font-size: $font-size-3 !important;
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
- font-size: $font-size-4 !important;
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
- font-size: $font-size-5 !important;
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
- font-size: $font-size-6 !important;
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
- font-size: $font-size-7 !important;
52
- line-height: $body-heading-line-height;
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
- font-size: $font-size-8 !important;
61
- line-height: $body-heading-line-height;
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
- font-size: $font-size-9 !important;
70
- line-height: $body-heading-line-height;
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
- font-size: $font-size-10 !important;
79
- line-height: $body-heading-line-height;
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
  }
@@ -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
  }