@almanaclabs/blaze-ui 0.9.0 → 0.10.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/package.json +1 -1
- package/src/styles/globals.css +29 -5
package/package.json
CHANGED
package/src/styles/globals.css
CHANGED
|
@@ -106,12 +106,20 @@
|
|
|
106
106
|
--type-display-title-size: 2.75rem;
|
|
107
107
|
--type-display-title-line-height: 1.05;
|
|
108
108
|
--type-display-title-letter-spacing: -0.035em;
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
/* Blaze 4 type, measured from the builder (ADR 0023): 44px regular page titles,
|
|
110
|
+
an 18px lead under them, 20px medium sections, 17px item titles. */
|
|
111
|
+
--type-page-title-size: 2.75rem;
|
|
112
|
+
--type-page-title-line-height: 1.05;
|
|
111
113
|
--type-page-title-letter-spacing: -0.035em;
|
|
112
|
-
--type-
|
|
114
|
+
--type-page-title-weight: 400;
|
|
115
|
+
--type-lead-size: 1.125rem;
|
|
116
|
+
--type-lead-line-height: 1.45;
|
|
117
|
+
--type-section-title-size: 1.25rem;
|
|
113
118
|
--type-section-title-line-height: 1.3;
|
|
114
119
|
--type-section-title-letter-spacing: 0;
|
|
120
|
+
--type-section-title-weight: 500;
|
|
121
|
+
--type-item-title-size: 1.0625rem;
|
|
122
|
+
--type-item-title-line-height: 1.5;
|
|
115
123
|
--type-accent-title-size: 1.5625rem;
|
|
116
124
|
--type-accent-title-line-height: 1.12;
|
|
117
125
|
--type-content-size: 1rem;
|
|
@@ -290,6 +298,12 @@
|
|
|
290
298
|
* and Fraunces. Dark mode composes with it through `.dark`.
|
|
291
299
|
*/
|
|
292
300
|
.theme-huck {
|
|
301
|
+
/* Huck keeps ADR 0019's type: 28px semibold page titles, 17px semibold sections. */
|
|
302
|
+
--type-page-title-size: 1.75rem;
|
|
303
|
+
--type-page-title-line-height: 1.14;
|
|
304
|
+
--type-page-title-weight: 600;
|
|
305
|
+
--type-section-title-size: 1.0625rem;
|
|
306
|
+
--type-section-title-weight: 600;
|
|
293
307
|
--font-sans: 'DM Sans Variable', system-ui, sans-serif;
|
|
294
308
|
--font-heading: var(--font-sans);
|
|
295
309
|
--font-accent: 'Fraunces Variable', Georgia, serif;
|
|
@@ -436,7 +450,17 @@
|
|
|
436
450
|
font-size: var(--type-page-title-size);
|
|
437
451
|
line-height: var(--type-page-title-line-height);
|
|
438
452
|
letter-spacing: var(--type-page-title-letter-spacing);
|
|
439
|
-
font-weight:
|
|
453
|
+
font-weight: var(--type-page-title-weight);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
.type-lead {
|
|
457
|
+
font-size: var(--type-lead-size);
|
|
458
|
+
line-height: var(--type-lead-line-height);
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.type-item-title {
|
|
462
|
+
font-size: var(--type-item-title-size);
|
|
463
|
+
line-height: var(--type-item-title-line-height);
|
|
440
464
|
}
|
|
441
465
|
|
|
442
466
|
.type-section-title {
|
|
@@ -444,7 +468,7 @@
|
|
|
444
468
|
font-size: var(--type-section-title-size);
|
|
445
469
|
line-height: var(--type-section-title-line-height);
|
|
446
470
|
letter-spacing: var(--type-section-title-letter-spacing);
|
|
447
|
-
font-weight:
|
|
471
|
+
font-weight: var(--type-section-title-weight);
|
|
448
472
|
}
|
|
449
473
|
|
|
450
474
|
.type-accent-title {
|