@vegastack/design-tokens 0.7.56 → 0.7.79
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/base.css +17 -1
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
MOT-5 the reduced-motion reset (and the one sanctioned !important)
|
|
14
14
|
INT-1 the hand cursor, on a wider selector list than shadcn's --pointer rule
|
|
15
15
|
INT-7 touch-action: manipulation and no tap highlight
|
|
16
|
+
INT-12 no page-edge bounce or scroll chaining on fine pointers (vertical only)
|
|
17
|
+
INT-13 no iOS focus zoom: text entry is 16px at least on a coarse pointer
|
|
16
18
|
OVL-13 body { isolation: isolate } for the portal theme scope
|
|
17
19
|
|
|
18
20
|
Deleted with the reset: INT-2's `cursor: default` on disabled controls (INT-2 = shadcn, and
|
|
@@ -218,7 +220,7 @@
|
|
|
218
220
|
}
|
|
219
221
|
}
|
|
220
222
|
|
|
221
|
-
/* INT-
|
|
223
|
+
/* INT-13 (ours) — NO iOS FOCUS ZOOM (MK 2026-09-26).
|
|
222
224
|
iOS Safari zooms the page into any focused text control whose font-size is under 16px, and the
|
|
223
225
|
system's controls are 14px. On a touch pointer every text-entry control renders at 16px at
|
|
224
226
|
least, so Safari never zooms; desktop keeps the 14px density. Deliberately OUTSIDE `@layer
|
|
@@ -244,3 +246,17 @@
|
|
|
244
246
|
font-size: max(16px, 1em);
|
|
245
247
|
}
|
|
246
248
|
}
|
|
249
|
+
|
|
250
|
+
/* INT-12 (ours) — NO PAGE BOUNCE ON MOUSE AND TRACKPAD (MK 2026-09-30).
|
|
251
|
+
On a fine pointer the page's vertical edge no longer rubber-bands, and an inner scroller that
|
|
252
|
+
hits its end no longer hands the scroll on to the page behind it. VERTICAL ONLY: horizontal
|
|
253
|
+
overscroll stays `auto`, so a trackpad two-finger swipe still navigates back/forward. GATED TO
|
|
254
|
+
`pointer: fine`: touch devices keep pull-to-refresh and the native bounce. On both `html` and
|
|
255
|
+
`body` because which of the two is the root scroller varies by browser. Inner scrollers that
|
|
256
|
+
want containment on every pointer still set `overscroll-*-contain` themselves. */
|
|
257
|
+
@media (pointer: fine) {
|
|
258
|
+
html,
|
|
259
|
+
body {
|
|
260
|
+
overscroll-behavior-y: none;
|
|
261
|
+
}
|
|
262
|
+
}
|