@mlola-ui/tokens 1.1.5 → 1.1.7
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/generated/recipes.css +14 -2
- package/package.json +1 -1
package/generated/recipes.css
CHANGED
|
@@ -4571,6 +4571,17 @@ button.ml-breadcrumb-link {
|
|
|
4571
4571
|
inset: calc(-1 * var(--ml-space-1)) 0;
|
|
4572
4572
|
}
|
|
4573
4573
|
|
|
4574
|
+
/* A finger needs more: 24 px of grab area on a touch screen. */
|
|
4575
|
+
@media (pointer: coarse) {
|
|
4576
|
+
.ml-resizable-handle::after {
|
|
4577
|
+
inset: 0 calc(-1 * var(--ml-space-2));
|
|
4578
|
+
}
|
|
4579
|
+
|
|
4580
|
+
.ml-resizable[data-direction="vertical"] .ml-resizable-handle::after {
|
|
4581
|
+
inset: calc(-1 * var(--ml-space-2)) 0;
|
|
4582
|
+
}
|
|
4583
|
+
}
|
|
4584
|
+
|
|
4574
4585
|
/* components/segmented-control */
|
|
4575
4586
|
/* In a narrow container the options wrap onto a second row instead of spilling out. */
|
|
4576
4587
|
.ml-segmented-control {
|
|
@@ -5153,6 +5164,9 @@ button.ml-breadcrumb-link {
|
|
|
5153
5164
|
width: 100%;
|
|
5154
5165
|
align-items: center;
|
|
5155
5166
|
min-height: var(--ml-space-6);
|
|
5167
|
+
/* A finger scrolls the page up and down; sideways it moves the value. */
|
|
5168
|
+
touch-action: pan-y;
|
|
5169
|
+
cursor: pointer;
|
|
5156
5170
|
}
|
|
5157
5171
|
|
|
5158
5172
|
.ml-slider-field[data-size="sm"] .ml-slider-track {
|
|
@@ -5174,8 +5188,6 @@ button.ml-breadcrumb-link {
|
|
|
5174
5188
|
height: var(--ml-space-1-5);
|
|
5175
5189
|
border-radius: var(--ml-radius-pill);
|
|
5176
5190
|
background: var(--ml-track);
|
|
5177
|
-
touch-action: none;
|
|
5178
|
-
cursor: pointer;
|
|
5179
5191
|
}
|
|
5180
5192
|
|
|
5181
5193
|
.ml-slider-range {
|