@kismet-ux/constellation 1.6.0 → 1.6.1
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.
|
@@ -5,21 +5,6 @@
|
|
|
5
5
|
--small-font-size: 0.8125rem;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
/**
|
|
9
|
-
* iOS zooms the viewport when a focused input is under 16px, and it does not
|
|
10
|
-
* zoom back out. Blocking pinch-zoom to stop it is the wrong trade — it costs
|
|
11
|
-
* every user the ability to magnify. So the type scale above is a DESKTOP
|
|
12
|
-
* scale, and any touch device gets a 16px floor instead.
|
|
13
|
-
*/
|
|
14
|
-
@media (pointer: coarse) {
|
|
15
|
-
.input-module_container__bycn1 .input-module_input-container__nw0Oc {
|
|
16
|
-
font-size: max(16px, 1em);
|
|
17
|
-
}
|
|
18
|
-
.input-module_container__bycn1 .input-module_input-container__nw0Oc input,
|
|
19
|
-
.input-module_container__bycn1 .input-module_input-container__nw0Oc textarea {
|
|
20
|
-
font-size: max(16px, 1em);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
8
|
.input-module_container__bycn1 {
|
|
24
9
|
display: flex;
|
|
25
10
|
--constellation-field-background: var(--background-default);
|
|
@@ -169,4 +154,21 @@
|
|
|
169
154
|
.input-module_container__bycn1.input-module_lg__dC2Tp:not(.input-module_is-focused__08nzj, .input-module_placeholder__I29pr, .input-module_has-value__juKDe) label {
|
|
170
155
|
font-size: var(--large-font-size);
|
|
171
156
|
transform: translate(0, 11px);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/**
|
|
160
|
+
* iOS zooms the viewport when a focused input is under 16px, and it does not
|
|
161
|
+
* zoom back out. Blocking pinch-zoom to stop it is the wrong trade — it costs
|
|
162
|
+
* every user the ability to magnify. So the `sizeVariant` scale above is a
|
|
163
|
+
* DESKTOP scale, and any touch device gets a 16px floor instead.
|
|
164
|
+
*
|
|
165
|
+
* Placed last on purpose: the size variants set the same property at the same
|
|
166
|
+
* specificity, so this only wins by source order.
|
|
167
|
+
*/
|
|
168
|
+
@media (pointer: coarse) {
|
|
169
|
+
.input-module_container__bycn1 .input-module_input-container__nw0Oc,
|
|
170
|
+
.input-module_container__bycn1 .input-module_input-container__nw0Oc input,
|
|
171
|
+
.input-module_container__bycn1 .input-module_input-container__nw0Oc textarea {
|
|
172
|
+
font-size: max(16px, 1em);
|
|
173
|
+
}
|
|
172
174
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './input.css';
|
|
2
2
|
|
|
3
|
-
var inputStyles = {"container":"input-module_container__bycn1","
|
|
3
|
+
var inputStyles = {"container":"input-module_container__bycn1","label-container":"input-module_label-container__SngtG","required":"input-module_required__J1bMP","input-container":"input-module_input-container__nw0Oc","adornment":"input-module_adornment__cO4v1","textarea-container":"input-module_textarea-container__cc9-3","helper-text":"input-module_helper-text__DvzFI","is-focused":"input-module_is-focused__08nzj","error":"input-module_error__ftn_q","disabled":"input-module_disabled__9RjjE","sm":"input-module_sm__AtYYB","placeholder":"input-module_placeholder__I29pr","has-value":"input-module_has-value__juKDe","md":"input-module_md__nPnVp","lg":"input-module_lg__dC2Tp"};
|
|
4
4
|
|
|
5
5
|
export { inputStyles as default };
|
|
6
6
|
//# sourceMappingURL=input.module.scss.js.map
|