@oxide/design-system 6.3.0 → 6.4.1-canary.378ee6b

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/main.css CHANGED
@@ -432,7 +432,7 @@
432
432
  font-weight: 400;
433
433
  line-height: 1.125rem;
434
434
  font-size: 0.875rem;
435
- letter-spacing: 0.030em;
435
+ letter-spacing: 0.03em;
436
436
  }
437
437
  @utility text-sans-16 {
438
438
  font-family: var(--font-sans);
@@ -488,7 +488,7 @@
488
488
  font-weight: 400;
489
489
  line-height: 110%;
490
490
  font-size: 3.125rem;
491
- letter-spacing: -0.020em;
491
+ letter-spacing: -0.02em;
492
492
  }
493
493
  @utility text-sans-52 {
494
494
  font-family: var(--font-sans);
@@ -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
+ }