@dillingerstaffing/strand 0.12.0 → 0.14.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.
- package/css/base.css +41 -1
- package/package.json +1 -1
package/css/base.css
CHANGED
|
@@ -20,7 +20,7 @@ body {
|
|
|
20
20
|
/* Layer 2: Overhead LED glow */
|
|
21
21
|
radial-gradient(ellipse 80% 50% at 50% 0%, rgba(59, 130, 246, 0.03) 0%, transparent 100%),
|
|
22
22
|
/* Layer 3: Gentle vertical gradient */
|
|
23
|
-
linear-gradient(180deg, var(--strand-surface-primary) 0%,
|
|
23
|
+
linear-gradient(180deg, var(--strand-surface-primary) 0%, var(--strand-surface-elevated) 40%, var(--strand-surface-recessed) 100%);
|
|
24
24
|
background-size: 24px 24px, 100% 100%, 100% 100%;
|
|
25
25
|
background-color: var(--strand-surface-primary);
|
|
26
26
|
}
|
|
@@ -36,6 +36,46 @@ body::after {
|
|
|
36
36
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
/* ── Headings (DL 4.2 Type Scale + 4.5 Weight Hierarchy) ── */
|
|
40
|
+
h1, h2, h3, h4 {
|
|
41
|
+
color: var(--strand-gray-800);
|
|
42
|
+
margin: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Display headings: light weight, tighter tracking, tight leading */
|
|
46
|
+
h1 {
|
|
47
|
+
font-size: var(--strand-text-4xl);
|
|
48
|
+
font-weight: var(--strand-weight-light);
|
|
49
|
+
letter-spacing: var(--strand-tracking-tighter);
|
|
50
|
+
line-height: var(--strand-leading-tight);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
h2 {
|
|
54
|
+
font-size: var(--strand-text-3xl);
|
|
55
|
+
font-weight: var(--strand-weight-light);
|
|
56
|
+
letter-spacing: var(--strand-tracking-tight);
|
|
57
|
+
line-height: var(--strand-leading-snug);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* Subheadings: medium weight, tight tracking, snug leading */
|
|
61
|
+
h3 {
|
|
62
|
+
font-size: var(--strand-text-xl);
|
|
63
|
+
font-weight: var(--strand-weight-medium);
|
|
64
|
+
letter-spacing: var(--strand-tracking-tight);
|
|
65
|
+
line-height: var(--strand-leading-snug);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h4 {
|
|
69
|
+
font-size: var(--strand-text-lg);
|
|
70
|
+
font-weight: var(--strand-weight-medium);
|
|
71
|
+
line-height: var(--strand-leading-snug);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/* ── Code elements ── */
|
|
75
|
+
code, pre {
|
|
76
|
+
font-family: var(--strand-font-mono);
|
|
77
|
+
}
|
|
78
|
+
|
|
39
79
|
/* ── Focus Ring ── */
|
|
40
80
|
:focus-visible {
|
|
41
81
|
outline: 2px solid var(--strand-blue-primary);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dillingerstaffing/strand",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Strand Design Language tokens - CSS custom properties and JS constants",
|
|
5
5
|
"author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
|
|
6
6
|
"license": "MIT",
|