@dorsk/tsumikit 0.40.0 → 0.40.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.
|
@@ -178,10 +178,6 @@
|
|
|
178
178
|
display: inline-flex;
|
|
179
179
|
align-items: center;
|
|
180
180
|
justify-content: center;
|
|
181
|
-
min-height: var(--box-md);
|
|
182
|
-
min-width: var(--box-md);
|
|
183
|
-
padding: var(--sp-2);
|
|
184
|
-
border: 1px solid transparent;
|
|
185
181
|
border-radius: var(--r-md);
|
|
186
182
|
background: transparent;
|
|
187
183
|
color: var(--text);
|
|
@@ -189,6 +185,14 @@
|
|
|
189
185
|
background 0.12s var(--ease),
|
|
190
186
|
border-color 0.12s var(--ease);
|
|
191
187
|
}
|
|
188
|
+
/* Box sizing stays off `bare` triggers so an inline trigger (e.g. a
|
|
189
|
+
Timestamp <time>) keeps its text's line box. */
|
|
190
|
+
.pop-trigger:not(.bare) {
|
|
191
|
+
min-height: var(--box-md);
|
|
192
|
+
min-width: var(--box-md);
|
|
193
|
+
padding: var(--sp-2);
|
|
194
|
+
border: 1px solid transparent;
|
|
195
|
+
}
|
|
192
196
|
.pop-trigger:hover:not(:disabled) {
|
|
193
197
|
background: var(--bg-elevated-2);
|
|
194
198
|
}
|
|
@@ -267,10 +271,10 @@
|
|
|
267
271
|
/* Coarse pointers: icon-only triggers extend their hit area to --touch-target
|
|
268
272
|
via an invisible slab; layout does not move. */
|
|
269
273
|
@media (pointer: coarse) {
|
|
270
|
-
.pop-trigger:not(.canonical, .
|
|
274
|
+
.pop-trigger:not(.canonical, .hit-compact) {
|
|
271
275
|
position: relative;
|
|
272
276
|
}
|
|
273
|
-
.pop-trigger:not(.canonical, .
|
|
277
|
+
.pop-trigger:not(.canonical, .hit-compact)::after {
|
|
274
278
|
content: '';
|
|
275
279
|
position: absolute;
|
|
276
280
|
inset: min(0px, calc((100% - var(--touch-target)) / 2));
|
|
@@ -323,6 +327,7 @@
|
|
|
323
327
|
}
|
|
324
328
|
/* `bare`: strip the chrome down to a plain button the consumer styles. */
|
|
325
329
|
:where(.pop-trigger.bare) {
|
|
330
|
+
display: inline;
|
|
326
331
|
height: auto;
|
|
327
332
|
min-height: 0;
|
|
328
333
|
min-width: 0;
|
|
@@ -330,6 +335,9 @@
|
|
|
330
335
|
padding: 0;
|
|
331
336
|
border: 0;
|
|
332
337
|
background: none;
|
|
338
|
+
font: inherit;
|
|
339
|
+
line-height: inherit;
|
|
340
|
+
vertical-align: baseline;
|
|
333
341
|
}
|
|
334
342
|
:where(.pop-trigger.bare:hover:not(:disabled)) {
|
|
335
343
|
background: none;
|
package/package.json
CHANGED