@starci/grammar 0.4.6 → 0.4.7
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/common/styles.css +27 -0
- package/package.json +1 -1
package/dist/common/styles.css
CHANGED
|
@@ -1327,13 +1327,30 @@
|
|
|
1327
1327
|
*
|
|
1328
1328
|
* The feature layer is deliberately out of scope - its tabs are a Tabs branch, and a tab's
|
|
1329
1329
|
* target is that branch's to answer.
|
|
1330
|
+
*
|
|
1331
|
+
* The primary destinations in the `navigation` slot carry the identical selector: a
|
|
1332
|
+
* `route`-appearance TextAction already meets the floor on its own (below), but the slot rule
|
|
1333
|
+
* is the family's general-purpose net for ANY pressable a consumer puts there, the same way the
|
|
1334
|
+
* action slots protect a control regardless of which leaf renders it.
|
|
1330
1335
|
*/
|
|
1331
1336
|
.starci-core-navigation-feature-nav-actions :where(button, [role="button"], a[href]),
|
|
1337
|
+
.starci-core-navigation-feature-nav-navigation :where(button, [role="button"], a[href]),
|
|
1332
1338
|
.starci-core-navigation-feature-nav-compact-navigation :where(button, [role="button"], a[href]) {
|
|
1333
1339
|
min-inline-size: 44px;
|
|
1334
1340
|
min-block-size: 44px;
|
|
1335
1341
|
}
|
|
1336
1342
|
|
|
1343
|
+
/*
|
|
1344
|
+
* The identity slot's brand link is a `plain` TextAction used as a same-document pressable, not
|
|
1345
|
+
* a route: `plain` elsewhere in the family stays a compact inline mark with no reserved hit
|
|
1346
|
+
* area, so the floor is scoped to this one band slot instead of the bare `[data-appearance]`
|
|
1347
|
+
* rule, which would grow every quiet inline action across the app that never claimed to be a
|
|
1348
|
+
* touch target.
|
|
1349
|
+
*/
|
|
1350
|
+
.starci-core-navigation-feature-nav-identity .starci-core-text-action[data-appearance="plain"] {
|
|
1351
|
+
min-block-size: var(--starci-core-control-min-size, 2.75rem);
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1337
1354
|
.starci-core-navigation-feature-nav-feature {
|
|
1338
1355
|
width: 100%;
|
|
1339
1356
|
padding-inline: 0.75rem;
|
|
@@ -2406,9 +2423,19 @@
|
|
|
2406
2423
|
font-weight: 500;
|
|
2407
2424
|
}
|
|
2408
2425
|
|
|
2426
|
+
/*
|
|
2427
|
+
* A `route` TextAction is always a destination, so its 44px floor is unconditional rather than
|
|
2428
|
+
* scoped to one composition: this is the SAME family law the band's action slots carry, applied
|
|
2429
|
+
* to a text-shaped pressable. `min-block-size` is used instead of a taller `padding-block`
|
|
2430
|
+
* because `route` draws no background at rest - only `data-current="true"` paints one - so the
|
|
2431
|
+
* extra block size is invisible chrome around unchanged FONT-2/PADDING-2 typography, not a
|
|
2432
|
+
* bigger pill. The band row still has 3rem (48px) to give a control after its own block inset,
|
|
2433
|
+
* so 44px fits with headroom and `--starci-core-band-height` is untouched.
|
|
2434
|
+
*/
|
|
2409
2435
|
.starci-core-text-action[data-appearance="route"] {
|
|
2410
2436
|
border-radius: var(--starci-core-pill-radius, 999px);
|
|
2411
2437
|
padding: 0.5rem 0.75rem;
|
|
2438
|
+
min-block-size: var(--starci-core-control-min-size, 2.75rem);
|
|
2412
2439
|
color: var(--muted, var(--starci-core-muted, GrayText));
|
|
2413
2440
|
}
|
|
2414
2441
|
|