fix(button): remove margin added by safari

carbon-design-system · Jan 24, 2020 · 9e90f22 · 9e90f22
1 parent 1532cf7
commit 9e90f22
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
@@ -43,6 +43,15 @@
     }
   }
 
+  // Safari only fix to remove added margins on buttons (see #5155)
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      .#{$prefix}--btn {
+        margin: 0;
+      }
+    }
+  }
+
   // Reset intrisic padding in Firefox (see #731)
   .#{$prefix}--btn::-moz-focus-inner {
     padding: 0;