@t8/docsgen 0.1.49 → 0.1.51

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 (7) hide show
  1. package/dist/css/base.css +12 -12
  2. package/dist/css/index.css +1 -31
  3. package/dist/css/section.css +7 -7
  4. package/package.json +1 -1
  5. package/src/css/base.css +12 -12
  6. package/src/css/index.css +1 -31
  7. package/src/css/section.css +7 -7
package/dist/css/base.css CHANGED
@@ -1,20 +1,14 @@
1
1
  :root {
2
2
  color-scheme: light dark;
3
3
 
4
+ --default-base-color: light-dark(#ddd, #555);
4
5
  --b0: light-dark(white, #1a1a1a);
5
- --b1: var(--base-color, gray);
6
+ --b1: var(--base-color, var(--default-base-color));
6
7
  --link-color: light-dark(royalblue, deepskyblue);
7
8
  --button-color: light-dark(royalblue, royalblue);
8
9
 
9
- --b1-light: color(from var(--b1) srgb r g b / 0.12);
10
- --b1-medium: color(
11
- from var(--b1) srgb calc(0.8 * r) calc(0.8 * g) calc(0.8 * b) /
12
- 0.5
13
- );
14
- --b1-heavy: color(
15
- from var(--b1) srgb calc(0.35 * r) calc(0.35 * g) calc(0.35 * b) /
16
- 0.9
17
- );
10
+ --overlay-background-color: color(from var(--b1) srgb r g b / 0.5);
11
+ --overlay-border-color: hsl(from var(--b1) h s calc(0.75 * l));
18
12
 
19
13
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
20
14
  --c1: oklch(from var(--b1) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -32,7 +26,7 @@
32
26
  --content-padding-y: 1.75rem;
33
27
  --space-x: var(--content-padding-x);
34
28
  --block-margin-y: 1em;
35
- --hr-border: 0.3rem solid var(--b1-light);
29
+ --hr-border: 0.3rem solid var(--overlay-background-color);
36
30
 
37
31
  font-size: 100%;
38
32
  font-family: sans-serif;
@@ -41,6 +35,12 @@
41
35
  */
42
36
  line-height: 1.45;
43
37
  }
38
+ @media (prefers-color-scheme: dark) {
39
+ :root {
40
+ --overlay-background-color: color(from var(--b1) srgb r g b / 0.75);
41
+ --overlay-border-color: hsl(from var(--b1) h s calc(1.5 * l));
42
+ }
43
+ }
44
44
  html {
45
45
  color: var(--c0);
46
46
  background-color: var(--b0);
@@ -215,7 +215,7 @@ pre > code {
215
215
 
216
216
  html.blank h1 {
217
217
  font-size: 10vmin;
218
- color: var(--b1-light);
218
+ color: var(--overlay-background-color);
219
219
  }
220
220
  html.blank .layout {
221
221
  display: flex;
package/dist/css/index.css CHANGED
@@ -1,35 +1,5 @@
1
- :root {
2
- --g0: color(
3
- from var(--b1) srgb calc(0.5 * r + 0.5) calc(0.5 * g + 0.5)
4
- calc(0.5 * b + 0.5)
5
- );
6
- --g1: color(
7
- from var(--g0) srgb calc(1.5 * g - 0.3) calc(1.5 * b - 0.3)
8
- calc(1.5 * r - 0.3)
9
- );
10
- }
11
- @media (prefers-color-scheme: dark) {
12
- :root {
13
- --g0: color(
14
- from var(--b1) srgb calc(0.65 * r + 0.1) calc(0.65 * g + 0.15)
15
- calc(0.65 * b + 0.2)
16
- );
17
- --g1: color(
18
- from var(--g0) srgb calc(1.2 * g - 0.3) calc(1.3 * b - 0.3)
19
- calc(1.5 * r - 0.3)
20
- );
21
- }
22
- }
23
1
  html {
24
- background:
25
- linear-gradient(to bottom right, var(--g1), var(--g0)) 50% 50% / cover
26
- no-repeat;
27
- }
28
- @media (max-width: 840px) {
29
- html {
30
- background:
31
- linear-gradient(to bottom, var(--g1), var(--g0)) 50% 50% / cover no-repeat;
32
- }
2
+ background: var(--b1);
33
3
  }
34
4
  body {
35
5
  min-height: 100vh;
package/dist/css/section.css CHANGED
@@ -17,7 +17,7 @@
17
17
  flex: none;
18
18
  align-self: flex-start;
19
19
  font-size: 0.9em;
20
- background: var(--b1-light);
20
+ background: var(--overlay-background-color);
21
21
  padding: 0.5rem var(--content-padding-x) 0.65rem;
22
22
  margin: 0 0 0 var(--space-x);
23
23
  box-sizing: border-box;
@@ -26,7 +26,7 @@
26
26
  .body > nav {
27
27
  width: 100%;
28
28
  font-size: inherit;
29
- border-top: 0.35em solid var(--b1);
29
+ border-top: 0.35em solid var(--overlay-border-color);
30
30
  padding: 0.25rem var(--content-padding-x) 0.35rem;
31
31
  margin: 0;
32
32
  }
@@ -35,10 +35,10 @@
35
35
  padding: 1rem 0;
36
36
  }
37
37
  .body > nav section + section {
38
- border-top: 0.05rem solid var(--b1);
38
+ border-top: 0.05rem solid var(--overlay-border-color);
39
39
  }
40
40
  .body > nav section.related {
41
- border-top: 0.15rem double var(--b1);
41
+ border-top: 0.15rem double var(--overlay-border-color);
42
42
  }
43
43
  .body > nav h2,
44
44
  .body > nav p.title {
@@ -60,7 +60,7 @@
60
60
  margin: 0;
61
61
  }
62
62
  .body > nav > ul + ul {
63
- border-top: 0.05rem solid var(--b1);
63
+ border-top: 0.05rem solid var(--overlay-border-color);
64
64
  padding-top: 1.2em;
65
65
  margin-top: 1.5em;
66
66
  }
@@ -149,8 +149,8 @@ main h2 {
149
149
  display: flex;
150
150
  justify-content: space-between;
151
151
  gap: 1em;
152
- background: var(--b1-light);
153
- border-top: 0.15rem solid var(--b1-medium);
152
+ background: var(--overlay-background-color);
153
+ border-top: 0.15rem solid var(--overlay-border-color);
154
154
  padding: 0.6em 0.75em 0.75em;
155
155
  margin: 1.5em 0 0;
156
156
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@t8/docsgen",
3
- "version": "0.1.49",
3
+ "version": "0.1.51",
4
4
  "description": "",
5
5
  "main": "dist/bin.js",
6
6
  "bin": {
package/src/css/base.css CHANGED
@@ -1,20 +1,14 @@
1
1
  :root {
2
2
  color-scheme: light dark;
3
3
 
4
+ --default-base-color: light-dark(#ddd, #555);
4
5
  --b0: light-dark(white, #1a1a1a);
5
- --b1: var(--base-color, gray);
6
+ --b1: var(--base-color, var(--default-base-color));
6
7
  --link-color: light-dark(royalblue, deepskyblue);
7
8
  --button-color: light-dark(royalblue, royalblue);
8
9
 
9
- --b1-light: color(from var(--b1) srgb r g b / 0.12);
10
- --b1-medium: color(
11
- from var(--b1) srgb calc(0.8 * r) calc(0.8 * g) calc(0.8 * b) /
12
- 0.5
13
- );
14
- --b1-heavy: color(
15
- from var(--b1) srgb calc(0.35 * r) calc(0.35 * g) calc(0.35 * b) /
16
- 0.9
17
- );
10
+ --overlay-background-color: color(from var(--b1) srgb r g b / 0.5);
11
+ --overlay-border-color: hsl(from var(--b1) h s calc(0.75 * l));
18
12
 
19
13
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
20
14
  --c1: oklch(from var(--b1) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -32,7 +26,7 @@
32
26
  --content-padding-y: 1.75rem;
33
27
  --space-x: var(--content-padding-x);
34
28
  --block-margin-y: 1em;
35
- --hr-border: 0.3rem solid var(--b1-light);
29
+ --hr-border: 0.3rem solid var(--overlay-background-color);
36
30
 
37
31
  font-size: 100%;
38
32
  font-family: sans-serif;
@@ -41,6 +35,12 @@
41
35
  */
42
36
  line-height: 1.45;
43
37
  }
38
+ @media (prefers-color-scheme: dark) {
39
+ :root {
40
+ --overlay-background-color: color(from var(--b1) srgb r g b / 0.75);
41
+ --overlay-border-color: hsl(from var(--b1) h s calc(1.5 * l));
42
+ }
43
+ }
44
44
  html {
45
45
  color: var(--c0);
46
46
  background-color: var(--b0);
@@ -215,7 +215,7 @@ pre > code {
215
215
 
216
216
  html.blank h1 {
217
217
  font-size: 10vmin;
218
- color: var(--b1-light);
218
+ color: var(--overlay-background-color);
219
219
  }
220
220
  html.blank .layout {
221
221
  display: flex;
package/src/css/index.css CHANGED
@@ -1,35 +1,5 @@
1
- :root {
2
- --g0: color(
3
- from var(--b1) srgb calc(0.5 * r + 0.5) calc(0.5 * g + 0.5)
4
- calc(0.5 * b + 0.5)
5
- );
6
- --g1: color(
7
- from var(--g0) srgb calc(1.5 * g - 0.3) calc(1.5 * b - 0.3)
8
- calc(1.5 * r - 0.3)
9
- );
10
- }
11
- @media (prefers-color-scheme: dark) {
12
- :root {
13
- --g0: color(
14
- from var(--b1) srgb calc(0.65 * r + 0.1) calc(0.65 * g + 0.15)
15
- calc(0.65 * b + 0.2)
16
- );
17
- --g1: color(
18
- from var(--g0) srgb calc(1.2 * g - 0.3) calc(1.3 * b - 0.3)
19
- calc(1.5 * r - 0.3)
20
- );
21
- }
22
- }
23
1
  html {
24
- background:
25
- linear-gradient(to bottom right, var(--g1), var(--g0)) 50% 50% / cover
26
- no-repeat;
27
- }
28
- @media (max-width: 840px) {
29
- html {
30
- background:
31
- linear-gradient(to bottom, var(--g1), var(--g0)) 50% 50% / cover no-repeat;
32
- }
2
+ background: var(--b1);
33
3
  }
34
4
  body {
35
5
  min-height: 100vh;
package/src/css/section.css CHANGED
@@ -17,7 +17,7 @@
17
17
  flex: none;
18
18
  align-self: flex-start;
19
19
  font-size: 0.9em;
20
- background: var(--b1-light);
20
+ background: var(--overlay-background-color);
21
21
  padding: 0.5rem var(--content-padding-x) 0.65rem;
22
22
  margin: 0 0 0 var(--space-x);
23
23
  box-sizing: border-box;
@@ -26,7 +26,7 @@
26
26
  .body > nav {
27
27
  width: 100%;
28
28
  font-size: inherit;
29
- border-top: 0.35em solid var(--b1);
29
+ border-top: 0.35em solid var(--overlay-border-color);
30
30
  padding: 0.25rem var(--content-padding-x) 0.35rem;
31
31
  margin: 0;
32
32
  }
@@ -35,10 +35,10 @@
35
35
  padding: 1rem 0;
36
36
  }
37
37
  .body > nav section + section {
38
- border-top: 0.05rem solid var(--b1);
38
+ border-top: 0.05rem solid var(--overlay-border-color);
39
39
  }
40
40
  .body > nav section.related {
41
- border-top: 0.15rem double var(--b1);
41
+ border-top: 0.15rem double var(--overlay-border-color);
42
42
  }
43
43
  .body > nav h2,
44
44
  .body > nav p.title {
@@ -60,7 +60,7 @@
60
60
  margin: 0;
61
61
  }
62
62
  .body > nav > ul + ul {
63
- border-top: 0.05rem solid var(--b1);
63
+ border-top: 0.05rem solid var(--overlay-border-color);
64
64
  padding-top: 1.2em;
65
65
  margin-top: 1.5em;
66
66
  }
@@ -149,8 +149,8 @@ main h2 {
149
149
  display: flex;
150
150
  justify-content: space-between;
151
151
  gap: 1em;
152
- background: var(--b1-light);
153
- border-top: 0.15rem solid var(--b1-medium);
152
+ background: var(--overlay-background-color);
153
+ border-top: 0.15rem solid var(--overlay-border-color);
154
154
  padding: 0.6em 0.75em 0.75em;
155
155
  margin: 1.5em 0 0;
156
156
  }