@robinmordasiewicz/f5xc-docs-theme 1.8.1 → 1.9.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.
@@ -30,6 +30,22 @@
30
30
  src: url("./neusaNextProWide-700.woff2") format("woff2");
31
31
  }
32
32
 
33
+ @font-face {
34
+ font-family: "neusaNextProWide";
35
+ font-weight: 400;
36
+ font-style: italic;
37
+ font-display: swap;
38
+ src: url("./neusaNextProWide-400i.woff2") format("woff2");
39
+ }
40
+
41
+ @font-face {
42
+ font-family: "neusaNextProWide";
43
+ font-weight: 700;
44
+ font-style: italic;
45
+ font-display: swap;
46
+ src: url("./neusaNextProWide-700i.woff2") format("woff2");
47
+ }
48
+
33
49
  @font-face {
34
50
  font-family: "proximaNova";
35
51
  font-weight: 400;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@robinmordasiewicz/f5xc-docs-theme",
3
- "version": "1.8.1",
3
+ "version": "1.9.0",
4
4
  "description": "F5 Distributed Cloud branded Starlight documentation theme",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/styles/custom.css CHANGED
@@ -95,12 +95,36 @@
95
95
  /* ===== Fonts & Layout ===== */
96
96
  :root {
97
97
  --sl-font: "proximaNova", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
98
+ --sl-font-heading: "neusaNextProWide", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
98
99
  --sl-content-width: 60rem;
99
100
  --sl-sidebar-width: 15rem;
101
+
102
+ /* Typography scale mapped to F5 hierarchy */
103
+ --sl-line-height-headings: 1.1;
104
+ --sl-text-h1: var(--sl-text-5xl);
105
+ --sl-text-h2: var(--sl-text-3xl);
106
+ --sl-text-h3: var(--sl-text-2xl);
107
+ --sl-text-h4: var(--sl-text-lg);
100
108
  }
101
109
 
102
110
  h1, h2, h3, h4, h5, h6 {
103
- font-family: "neusaNextProWide", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
111
+ font-family: var(--sl-font-heading);
112
+ }
113
+
114
+ /* F5 type hierarchy weights */
115
+ h1, h2 {
116
+ font-weight: 700;
117
+ }
118
+
119
+ h3 {
120
+ font-weight: 500;
121
+ }
122
+
123
+ h4, h5, h6 {
124
+ font-family: var(--sl-font);
125
+ font-weight: 700;
126
+ text-transform: uppercase;
127
+ letter-spacing: 0.05em;
104
128
  }
105
129
 
106
130
  @media (min-width: 72rem) {