@artstorefronts/arthelper-nav 0.1.0-alpha.2 → 0.1.0-alpha.3
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/dist/index.css +50 -2
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -71,7 +71,31 @@
|
|
|
71
71
|
background: var(--ahsuite-bar-bg);
|
|
72
72
|
background-color: var(--ahsuite-bar-bg);
|
|
73
73
|
border-bottom: 1px solid var(--ahsuite-bar-border);
|
|
74
|
-
|
|
74
|
+
/* Explicit stack, never `inherit`. The bar is suite chrome, so it has to look the same
|
|
75
|
+
* in every app that mounts it — and inheriting made it look different in each one:
|
|
76
|
+
* town-square applies Geist to its body, client declares nothing and lands on the
|
|
77
|
+
* system stack, and a satellite ships whatever it ships. At weight 600 that reads as
|
|
78
|
+
* the wordmark changing typeface as you move between apps, and any family without a
|
|
79
|
+
* real 600 gets faux-bolded on top.
|
|
80
|
+
*
|
|
81
|
+
* `-webkit-font-smoothing` is pinned for the same reason: a host that sets
|
|
82
|
+
* `antialiased` on its body thins the bar's text on macOS, so the same 600 weight
|
|
83
|
+
* looks lighter in that app than the next. `auto` is the default the design was
|
|
84
|
+
* approved against.
|
|
85
|
+
*
|
|
86
|
+
* Set on every root the package renders — the bar, the docked trigger (which lives in
|
|
87
|
+
* the host's own header) and the fixed mobile panel — because only the first of those
|
|
88
|
+
* is an ancestor of the others. */
|
|
89
|
+
font-family:
|
|
90
|
+
ui-sans-serif,
|
|
91
|
+
system-ui,
|
|
92
|
+
-apple-system,
|
|
93
|
+
'Segoe UI',
|
|
94
|
+
Roboto,
|
|
95
|
+
'Helvetica Neue',
|
|
96
|
+
Arial,
|
|
97
|
+
sans-serif;
|
|
98
|
+
-webkit-font-smoothing: auto;
|
|
75
99
|
color: var(--ahsuite-label);
|
|
76
100
|
isolation: isolate;
|
|
77
101
|
visibility: visible;
|
|
@@ -349,7 +373,22 @@ span.ahsuite-row {
|
|
|
349
373
|
border-radius: 10px;
|
|
350
374
|
color: inherit;
|
|
351
375
|
cursor: pointer;
|
|
376
|
+
/* `font: inherit` resets the button's own UA font, then the family is pinned back to the
|
|
377
|
+
* suite stack. This control is the one piece the package renders into the HOST's header,
|
|
378
|
+
* so unlike everything inside the bar it cannot inherit the stack from `.ahsuite-bar` —
|
|
379
|
+
* left alone it would pick up the host's typeface while the bar beside it did not.
|
|
380
|
+
* Order matters: the shorthand would otherwise clobber a family set on the base rule. */
|
|
352
381
|
font: inherit;
|
|
382
|
+
font-family:
|
|
383
|
+
ui-sans-serif,
|
|
384
|
+
system-ui,
|
|
385
|
+
-apple-system,
|
|
386
|
+
'Segoe UI',
|
|
387
|
+
Roboto,
|
|
388
|
+
'Helvetica Neue',
|
|
389
|
+
Arial,
|
|
390
|
+
sans-serif;
|
|
391
|
+
-webkit-font-smoothing: auto;
|
|
353
392
|
flex: 0 0 auto;
|
|
354
393
|
}
|
|
355
394
|
|
|
@@ -418,7 +457,16 @@ span.ahsuite-row {
|
|
|
418
457
|
background: var(--ahsuite-surface-bg);
|
|
419
458
|
border: 1px solid var(--ahsuite-surface-border);
|
|
420
459
|
border-radius: 12px;
|
|
421
|
-
font-family:
|
|
460
|
+
font-family:
|
|
461
|
+
ui-sans-serif,
|
|
462
|
+
system-ui,
|
|
463
|
+
-apple-system,
|
|
464
|
+
'Segoe UI',
|
|
465
|
+
Roboto,
|
|
466
|
+
'Helvetica Neue',
|
|
467
|
+
Arial,
|
|
468
|
+
sans-serif;
|
|
469
|
+
-webkit-font-smoothing: auto;
|
|
422
470
|
}
|
|
423
471
|
|
|
424
472
|
.ahsuite-panel-head {
|
package/package.json
CHANGED