@vegastack/design-tokens 0.7.33 → 0.7.43
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 +27 -0
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -197,3 +197,30 @@
|
|
|
197
197
|
animation: none !important;
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
+
|
|
201
|
+
/* INT-9 (ours) — NO iOS FOCUS ZOOM (MK 2026-09-26).
|
|
202
|
+
iOS Safari zooms the page into any focused text control whose font-size is under 16px, and the
|
|
203
|
+
system's controls are 14px. On a touch pointer every text-entry control renders at 16px at
|
|
204
|
+
least, so Safari never zooms; desktop keeps the 14px density. Deliberately OUTSIDE `@layer
|
|
205
|
+
base`: unlayered rules outrank the utilities layer, so a control's own `text-sm` cannot undo
|
|
206
|
+
it, and no `!important` is needed. Pair it with the viewport's `maximumScale: 1` (see the
|
|
207
|
+
consume guide), which stops focus zoom while pinch-zoom keeps working on iOS. */
|
|
208
|
+
@media (pointer: coarse) {
|
|
209
|
+
input:not(
|
|
210
|
+
[type="checkbox"],
|
|
211
|
+
[type="radio"],
|
|
212
|
+
[type="range"],
|
|
213
|
+
[type="color"],
|
|
214
|
+
[type="file"],
|
|
215
|
+
[type="button"],
|
|
216
|
+
[type="submit"],
|
|
217
|
+
[type="reset"],
|
|
218
|
+
[type="image"]
|
|
219
|
+
),
|
|
220
|
+
textarea,
|
|
221
|
+
select,
|
|
222
|
+
[contenteditable="true"],
|
|
223
|
+
[contenteditable=""] {
|
|
224
|
+
font-size: max(16px, 1em);
|
|
225
|
+
}
|
|
226
|
+
}
|