style(Slug): increase touch target to 24px for mini, 2xs variants (ca…

…rbon-design-system#15100)
danoro96 · Jan 18, 2024 · df2b17b · df2b17b
1 parent 9f3df13
commit df2b17b
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/styles/scss/components/slug/_slug.scss b/packages/styles/scss/components/slug/_slug.scss
@@ -108,6 +108,15 @@ $sizes: (
     transition: opacity $duration-fast-01 motion(entrance, productive);
   }
 
+  .#{$prefix}--slug__button.#{$prefix}--slug__button--mini::after,
+  .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs::after {
+    position: absolute;
+    block-size: convert.to-rem(24px);
+    content: '';
+    inline-size: convert.to-rem(24px);
+    opacity: 0;
+  }
+
   .#{$prefix}--slug__button:hover::before {
     opacity: 1;
   }