@dorsk/tsumikit 0.56.0 → 0.57.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.
|
@@ -155,7 +155,14 @@
|
|
|
155
155
|
.input-lg {
|
|
156
156
|
min-height: var(--input-size, var(--control-height-large));
|
|
157
157
|
padding: var(--sp-3) var(--sp-4);
|
|
158
|
-
font-size: var(--fs-
|
|
158
|
+
font-size: max(16px, var(--fs-md));
|
|
159
|
+
}
|
|
160
|
+
/* iOS auto-zooms any field under 16px on focus; on touch the size modifiers
|
|
161
|
+
carry their difference through padding and height alone. */
|
|
162
|
+
@media (pointer: coarse) {
|
|
163
|
+
.input-sm {
|
|
164
|
+
font-size: max(16px, var(--fs-sm));
|
|
165
|
+
}
|
|
159
166
|
}
|
|
160
167
|
.input-grow {
|
|
161
168
|
flex: 1 1 0;
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
.select.select-lg {
|
|
229
229
|
min-height: var(--select-size, var(--control-height-large));
|
|
230
230
|
padding: var(--sp-3) var(--sp-4);
|
|
231
|
-
font-size: var(--fs-
|
|
231
|
+
font-size: max(16px, var(--fs-md));
|
|
232
232
|
}
|
|
233
233
|
.select.compact {
|
|
234
234
|
padding: var(--sp-1) var(--sp-2);
|
|
@@ -296,6 +296,16 @@
|
|
|
296
296
|
.select-wrap.no-chevron .select-face.compact {
|
|
297
297
|
padding-right: var(--sp-2);
|
|
298
298
|
}
|
|
299
|
+
/* iOS auto-zooms any field under 16px on focus; on touch the size modifiers
|
|
300
|
+
carry their difference through padding and height alone. */
|
|
301
|
+
@media (pointer: coarse) {
|
|
302
|
+
.select.compact {
|
|
303
|
+
font-size: max(16px, var(--fs-xs));
|
|
304
|
+
}
|
|
305
|
+
.select-face.compact {
|
|
306
|
+
font-size: max(16px, var(--fs-xs));
|
|
307
|
+
}
|
|
308
|
+
}
|
|
299
309
|
.select:disabled ~ .select-face {
|
|
300
310
|
color: var(--text-muted);
|
|
301
311
|
}
|
|
@@ -254,9 +254,16 @@
|
|
|
254
254
|
}
|
|
255
255
|
.textarea-lg {
|
|
256
256
|
padding: var(--sp-3) var(--sp-4);
|
|
257
|
-
font-size: var(--fs-
|
|
257
|
+
font-size: max(16px, var(--fs-md));
|
|
258
258
|
min-height: var(--textarea-size, var(--control-height-large));
|
|
259
259
|
}
|
|
260
|
+
/* iOS auto-zooms any field under 16px on focus; on touch the size modifiers
|
|
261
|
+
carry their difference through padding and height alone. */
|
|
262
|
+
@media (pointer: coarse) {
|
|
263
|
+
.textarea-sm {
|
|
264
|
+
font-size: max(16px, var(--fs-sm));
|
|
265
|
+
}
|
|
266
|
+
}
|
|
260
267
|
.textarea[aria-invalid='true'],
|
|
261
268
|
.textarea[aria-invalid='true']:focus {
|
|
262
269
|
border-color: var(--danger);
|
package/package.json
CHANGED