@oxide/design-system 6.3.0 → 6.4.1-canary.dca2986
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/styles/tailwind.css
CHANGED
|
@@ -173,3 +173,14 @@ Make sure disabled buttons don't get the pointer cursor.
|
|
|
173
173
|
background-color: color-mix(in srgb, currentColor 8%, transparent);
|
|
174
174
|
border-color: color-mix(in srgb, currentColor 10%, transparent);
|
|
175
175
|
}
|
|
176
|
+
|
|
177
|
+
/* Expands an element's hit area by N pixels on all sides via a transparent ::after overlay, without affecting layout. Usage: `target-8` adds 8px of clickable padding around the element. */
|
|
178
|
+
@utility target-* {
|
|
179
|
+
position: relative;
|
|
180
|
+
|
|
181
|
+
&::after {
|
|
182
|
+
content: '';
|
|
183
|
+
position: absolute;
|
|
184
|
+
inset: calc(--value(integer) * -1px);
|
|
185
|
+
}
|
|
186
|
+
}
|