nightshade 1.3.0 → 1.3.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nightshade",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "Vue UI library & design system",
5
5
  "type": "module",
6
6
  "exports": {
@@ -2,7 +2,6 @@
2
2
  @import './baseline.css';
3
3
 
4
4
  @import './modules/article.css';
5
- @import './modules/headings.css';
6
5
  @import './modules/kbd.css';
7
6
  @import './modules/transitions.css';
8
7
  @import './modules/utils.css';
@@ -7,46 +7,6 @@
7
7
  .color-subtle { color: var(--color-subtle) }
8
8
  .color-sublime { color: var(--color-sublime) }
9
9
 
10
- .pad-0 { padding: 0 }
11
- .pad-1 { padding: var(--sp1) }
12
- .pad-2 { padding: var(--sp2) }
13
- .pad-3 { padding: var(--sp3) }
14
- .pad-4 { padding: var(--sp4) }
15
- .pad-5 { padding: var(--sp5) }
16
- .pad-6 { padding: var(--sp6) }
17
-
18
- .pad-x0 { padding-left: 0; padding-right: 0; }
19
- .pad-x1 { padding-left: var(--sp1); padding-right: var(--sp1); }
20
- .pad-x2 { padding-left: var(--sp2); padding-right: var(--sp2); }
21
- .pad-x3 { padding-left: var(--sp3); padding-right: var(--sp3); }
22
- .pad-x4 { padding-left: var(--sp4); padding-right: var(--sp4); }
23
- .pad-x5 { padding-left: var(--sp5); padding-right: var(--sp5); }
24
- .pad-x6 { padding-left: var(--sp6); padding-right: var(--sp6); }
25
-
26
- .pad-y0 { padding-top: 0; padding-bottom: 0; }
27
- .pad-y1 { padding-top: var(--sp1); padding-bottom: var(--sp1); }
28
- .pad-y2 { padding-top: var(--sp2); padding-bottom: var(--sp2); }
29
- .pad-y3 { padding-top: var(--sp3); padding-bottom: var(--sp3); }
30
- .pad-y4 { padding-top: var(--sp4); padding-bottom: var(--sp4); }
31
- .pad-y5 { padding-top: var(--sp5); padding-bottom: var(--sp5); }
32
- .pad-y6 { padding-top: var(--sp6); padding-bottom: var(--sp6); }
33
-
34
- .pad-l0 { padding-left: 0; }
35
- .pad-l1 { padding-left: var(--sp1); }
36
- .pad-l2 { padding-left: var(--sp2); }
37
- .pad-l3 { padding-left: var(--sp3); }
38
- .pad-l4 { padding-left: var(--sp4); }
39
- .pad-l5 { padding-left: var(--sp5); }
40
- .pad-l6 { padding-left: var(--sp6); }
41
-
42
- .pad-r0 { padding-right: 0; }
43
- .pad-r1 { padding-right: var(--sp1); }
44
- .pad-r2 { padding-right: var(--sp2); }
45
- .pad-r3 { padding-right: var(--sp3); }
46
- .pad-r4 { padding-right: var(--sp4); }
47
- .pad-r5 { padding-right: var(--sp5); }
48
- .pad-r6 { padding-right: var(--sp6); }
49
-
50
10
  .flex-1 { flex: 1 }
51
11
  .flex-2 { flex: 2 }
52
12
  .flex-3 { flex: 3 }
@@ -73,7 +33,9 @@
73
33
  }
74
34
 
75
35
  .text-small { font-size: var(--font-size-small) }
36
+ .text-smaller { font-size: var(--font-size-smaller) }
76
37
  .text-large { font-size: var(--font-size-large) }
38
+ .text-larger { font-size: var(--font-size-larger) }
77
39
 
78
40
  .nowrap {
79
41
  white-space: nowrap;
@@ -1,68 +0,0 @@
1
- :root {
2
-
3
- --h1-font-size: 36px;
4
- --h1-font-weight: var(--font-weight-bold);
5
- --h1-color: var(--color-text-0);
6
-
7
- --h2-font-size: 32px;
8
- --h2-font-weight: var(--font-weight);
9
- --h2-color: var(--color-text-0);
10
-
11
- --h3-font-size: 24px;
12
- --h3-font-weight: var(--font-weight-bold);
13
- --h3-color: var(--color-text-0);
14
-
15
- --h4-font-size: 20px;
16
- --h4-font-weight: var(--font-weight);
17
- --h4-color: var(--color-text-0);
18
-
19
- --h5-font-size: 16px;
20
- --h5-font-weight: var(--font-weight-bold);
21
- --h5-color: var(--color-text-1);
22
-
23
- --h6-font-size: 16px;
24
- --h6-font-weight: var(--font-weight);
25
- --h6-color: var(--color-text-2);
26
-
27
- }
28
-
29
- h1, h2, h3, h4, h5, h6 {
30
- margin: var(--sp2) 0;
31
- line-height: 1em;
32
- }
33
-
34
- h1 {
35
- font-weight: var(--h1-font-weight);
36
- font-size: var(--h1-font-size);
37
- color: var(--h1-color);
38
- }
39
-
40
- h2 {
41
- font-weight: var(--h2-font-weight);
42
- font-size: var(--h2-font-size);
43
- color: var(--h2-color);
44
- }
45
-
46
- h3 {
47
- font-weight: var(--h3-font-weight);
48
- font-size: var(--h3-font-size);
49
- color: var(--h3-color);
50
- }
51
-
52
- h4 {
53
- font-weight: var(--h4-font-weight);
54
- font-size: var(--h4-font-size);
55
- color: var(--h4-color);
56
- }
57
-
58
- h5 {
59
- font-weight: var(--h5-font-weight);
60
- font-size: var(--h5-font-size);
61
- color: var(--h5-color);
62
- }
63
-
64
- h6 {
65
- font-weight: var(--h6-font-weight);
66
- font-size: var(--h6-font-size);
67
- color: var(--h6-color);
68
- }