@t8/docsgen 0.3.27 → 0.3.29

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.
Files changed (9) hide show
  1. package/dist/bin.js +1 -1
  2. package/dist/css/base.css +4 -3
  3. package/dist/css/index.css +10 -0
  4. package/dist/css/section.css +14 -8
  5. package/package.json +1 -1
  6. package/src/bin/setContent.ts +1 -1
  7. package/src/css/base.css +4 -3
  8. package/src/css/index.css +10 -0
  9. package/src/css/section.css +14 -8
package/dist/bin.js CHANGED
@@ -817,7 +817,7 @@ ${content}
817
817
  ${nav[i - 1]?.id ? `<a href="${root}${contentDir}/${nav[i - 1]?.id}">${nav[i - 1]?.title}</a>` : `<a href="${root}">Intro</a>`}
818
818
  </span>
819
819
  <span class="sep">|</span>
820
- ${nav[i + 1]?.id ? `<span class="next"><a href="${root}${contentDir}/${nav[i + 1]?.id}">${nav[i + 1]?.title}</a> <span class="icon">\u2192</span></span>` : `<span class="repo next">${getRepoLink(ctx)} <span class="icon">\u2726</span></span>`}
820
+ ${nav[i + 1]?.id ? `<span class="next"><a href="${root}${contentDir}/${nav[i + 1]?.id}">${nav[i + 1]?.title}</a> <span class="icon">\u2192</span></span>` : `<span class="repo">${getRepoLink(ctx)}</span>`}
821
821
  </p>
822
822
  </main>
823
823
  ${navContent ? "<hr>" : ""}
package/dist/css/base.css CHANGED
@@ -8,6 +8,7 @@
8
8
 
9
9
  --aux-color: #797979;
10
10
  --aux-background: #f2f2f2;
11
+ --aux-background-end: var(--aux-background);
11
12
  --aux-link-color: royalblue;
12
13
  --aux-secondary-color: var(--color);
13
14
  --aux-emphatic-color: #3d3d3d; /* cover title, selected nav item */
@@ -108,13 +109,13 @@ h4 {
108
109
  margin: 1em 0 0.65em 0;
109
110
  }
110
111
  h2 {
111
- font-size: 1.5em;
112
+ font-size: 1.3em;
112
113
  }
113
114
  h3 {
114
- font-size: 1.3em;
115
+ font-size: 1.15em;
115
116
  }
116
117
  h4 {
117
- font-size: 1.15em;
118
+ font-size: 1em;
118
119
  }
119
120
  main {
120
121
  box-sizing: border-box;
package/dist/css/index.css CHANGED
@@ -117,6 +117,11 @@ section.intro-title {
117
117
  text-align: right;
118
118
  line-height: 1.3;
119
119
  color: var(--emphatic-color);
120
+ background: linear-gradient(
121
+ to right,
122
+ var(--aux-background),
123
+ var(--aux-background-end)
124
+ );
120
125
  border-right: 0.05em solid var(--line-color);
121
126
  }
122
127
  section.intro-title .section-content {
@@ -166,6 +171,11 @@ section.intro pre {
166
171
  align-items: center;
167
172
  justify-content: center;
168
173
  text-align: center;
174
+ background: linear-gradient(
175
+ to bottom,
176
+ var(--aux-background),
177
+ var(--aux-background-end)
178
+ );
169
179
  border-right: none;
170
180
  border-bottom: 0.05em solid var(--line-color);
171
181
  }
package/dist/css/section.css CHANGED
@@ -33,7 +33,13 @@ footer {
33
33
  flex: none;
34
34
  align-self: stretch;
35
35
  font-size: 0.9em;
36
+ line-height: 1.25;
36
37
  text-align: end;
38
+ background: linear-gradient(
39
+ to right,
40
+ var(--aux-background),
41
+ var(--aux-background-end)
42
+ );
37
43
  border-right: 0.05em solid var(--line-color);
38
44
  padding: 0.75rem var(--content-padding-x);
39
45
  margin: 0;
@@ -52,7 +58,6 @@ footer {
52
58
  .body > nav p.title {
53
59
  font-size: 0.7rem;
54
60
  font-weight: normal;
55
- line-height: 1.2;
56
61
  text-transform: uppercase;
57
62
  margin: 1.1rem 0 0.75rem 0;
58
63
  }
@@ -62,7 +67,6 @@ footer {
62
67
  }
63
68
  .body > nav ul {
64
69
  list-style: none;
65
- line-height: 1.2;
66
70
  padding: 0;
67
71
  margin: 0;
68
72
  box-sizing: border-box;
@@ -89,7 +93,7 @@ footer {
89
93
  top: 0;
90
94
  }
91
95
  .body > nav li + li {
92
- margin-top: 0.65em;
96
+ margin-top: 0.55em;
93
97
  }
94
98
  .body > nav li > strong {
95
99
  color: var(--emphatic-color);
@@ -100,6 +104,11 @@ footer {
100
104
  display: block;
101
105
  font-size: inherit;
102
106
  text-align: start;
107
+ background: linear-gradient(
108
+ to top,
109
+ var(--aux-background),
110
+ var(--aux-background-end)
111
+ );
103
112
  border-top: 0.35em solid var(--line-color);
104
113
  border-right: none;
105
114
  padding: 0.25rem var(--content-padding-x) 0.35rem;
@@ -117,9 +126,6 @@ footer {
117
126
  left: 0;
118
127
  right: auto;
119
128
  }
120
- .body > nav li + li {
121
- margin-top: 0.65em;
122
- }
123
129
  }
124
130
  .body > nav > ul:last-child,
125
131
  .body > nav > ul:last-child > li:last-child {
@@ -163,7 +169,7 @@ main hr {
163
169
  margin: var(--block-margin-y) 0;
164
170
  }
165
171
  main h1 {
166
- font-size: 0.8rem;
172
+ font-size: 0.75rem;
167
173
  font-weight: normal;
168
174
  line-height: 1.1;
169
175
  color: var(--secondary-color);
@@ -201,6 +207,7 @@ main h2:first-child {
201
207
  display: flex;
202
208
  justify-content: space-between;
203
209
  gap: 1em;
210
+ line-height: 1.25;
204
211
  border-top: var(--sep-line);
205
212
  padding: 0.6em 0 0;
206
213
  margin: 1.5em 0 0;
@@ -214,7 +221,6 @@ main h2:first-child {
214
221
  .pagenav .prev,
215
222
  .pagenav .next {
216
223
  display: inline-block;
217
- line-height: 1.2;
218
224
  position: relative;
219
225
  }
220
226
  .pagenav .icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@t8/docsgen",
3
- "version": "0.3.27",
3
+ "version": "0.3.29",
4
4
  "description": "",
5
5
  "main": "dist/bin.js",
6
6
  "type": "module",
package/src/bin/setContent.ts CHANGED
@@ -189,7 +189,7 @@ ${content}
189
189
  ${nav[i - 1]?.id ? `<a href="${root}${contentDir}/${nav[i - 1]?.id}">${nav[i - 1]?.title}</a>` : `<a href="${root}">Intro</a>`}
190
190
  </span>
191
191
  <span class="sep">|</span>
192
- ${nav[i + 1]?.id ? `<span class="next"><a href="${root}${contentDir}/${nav[i + 1]?.id}">${nav[i + 1]?.title}</a> <span class="icon">→</span></span>` : `<span class="repo next">${getRepoLink(ctx)} <span class="icon">✦</span></span>`}
192
+ ${nav[i + 1]?.id ? `<span class="next"><a href="${root}${contentDir}/${nav[i + 1]?.id}">${nav[i + 1]?.title}</a> <span class="icon">→</span></span>` : `<span class="repo">${getRepoLink(ctx)}</span>`}
193
193
  </p>
194
194
  </main>
195
195
  ${navContent ? "<hr>" : ""}
package/src/css/base.css CHANGED
@@ -8,6 +8,7 @@
8
8
 
9
9
  --aux-color: #797979;
10
10
  --aux-background: #f2f2f2;
11
+ --aux-background-end: var(--aux-background);
11
12
  --aux-link-color: royalblue;
12
13
  --aux-secondary-color: var(--color);
13
14
  --aux-emphatic-color: #3d3d3d; /* cover title, selected nav item */
@@ -108,13 +109,13 @@ h4 {
108
109
  margin: 1em 0 0.65em 0;
109
110
  }
110
111
  h2 {
111
- font-size: 1.5em;
112
+ font-size: 1.3em;
112
113
  }
113
114
  h3 {
114
- font-size: 1.3em;
115
+ font-size: 1.15em;
115
116
  }
116
117
  h4 {
117
- font-size: 1.15em;
118
+ font-size: 1em;
118
119
  }
119
120
  main {
120
121
  box-sizing: border-box;
package/src/css/index.css CHANGED
@@ -117,6 +117,11 @@ section.intro-title {
117
117
  text-align: right;
118
118
  line-height: 1.3;
119
119
  color: var(--emphatic-color);
120
+ background: linear-gradient(
121
+ to right,
122
+ var(--aux-background),
123
+ var(--aux-background-end)
124
+ );
120
125
  border-right: 0.05em solid var(--line-color);
121
126
  }
122
127
  section.intro-title .section-content {
@@ -166,6 +171,11 @@ section.intro pre {
166
171
  align-items: center;
167
172
  justify-content: center;
168
173
  text-align: center;
174
+ background: linear-gradient(
175
+ to bottom,
176
+ var(--aux-background),
177
+ var(--aux-background-end)
178
+ );
169
179
  border-right: none;
170
180
  border-bottom: 0.05em solid var(--line-color);
171
181
  }
package/src/css/section.css CHANGED
@@ -33,7 +33,13 @@ footer {
33
33
  flex: none;
34
34
  align-self: stretch;
35
35
  font-size: 0.9em;
36
+ line-height: 1.25;
36
37
  text-align: end;
38
+ background: linear-gradient(
39
+ to right,
40
+ var(--aux-background),
41
+ var(--aux-background-end)
42
+ );
37
43
  border-right: 0.05em solid var(--line-color);
38
44
  padding: 0.75rem var(--content-padding-x);
39
45
  margin: 0;
@@ -52,7 +58,6 @@ footer {
52
58
  .body > nav p.title {
53
59
  font-size: 0.7rem;
54
60
  font-weight: normal;
55
- line-height: 1.2;
56
61
  text-transform: uppercase;
57
62
  margin: 1.1rem 0 0.75rem 0;
58
63
  }
@@ -62,7 +67,6 @@ footer {
62
67
  }
63
68
  .body > nav ul {
64
69
  list-style: none;
65
- line-height: 1.2;
66
70
  padding: 0;
67
71
  margin: 0;
68
72
  box-sizing: border-box;
@@ -89,7 +93,7 @@ footer {
89
93
  top: 0;
90
94
  }
91
95
  .body > nav li + li {
92
- margin-top: 0.65em;
96
+ margin-top: 0.55em;
93
97
  }
94
98
  .body > nav li > strong {
95
99
  color: var(--emphatic-color);
@@ -100,6 +104,11 @@ footer {
100
104
  display: block;
101
105
  font-size: inherit;
102
106
  text-align: start;
107
+ background: linear-gradient(
108
+ to top,
109
+ var(--aux-background),
110
+ var(--aux-background-end)
111
+ );
103
112
  border-top: 0.35em solid var(--line-color);
104
113
  border-right: none;
105
114
  padding: 0.25rem var(--content-padding-x) 0.35rem;
@@ -117,9 +126,6 @@ footer {
117
126
  left: 0;
118
127
  right: auto;
119
128
  }
120
- .body > nav li + li {
121
- margin-top: 0.65em;
122
- }
123
129
  }
124
130
  .body > nav > ul:last-child,
125
131
  .body > nav > ul:last-child > li:last-child {
@@ -163,7 +169,7 @@ main hr {
163
169
  margin: var(--block-margin-y) 0;
164
170
  }
165
171
  main h1 {
166
- font-size: 0.8rem;
172
+ font-size: 0.75rem;
167
173
  font-weight: normal;
168
174
  line-height: 1.1;
169
175
  color: var(--secondary-color);
@@ -201,6 +207,7 @@ main h2:first-child {
201
207
  display: flex;
202
208
  justify-content: space-between;
203
209
  gap: 1em;
210
+ line-height: 1.25;
204
211
  border-top: var(--sep-line);
205
212
  padding: 0.6em 0 0;
206
213
  margin: 1.5em 0 0;
@@ -214,7 +221,6 @@ main h2:first-child {
214
221
  .pagenav .prev,
215
222
  .pagenav .next {
216
223
  display: inline-block;
217
- line-height: 1.2;
218
224
  position: relative;
219
225
  }
220
226
  .pagenav .icon {