fix(button): icon in rtl should have margin right flipped. (#2346)

material-components · Mar 6, 2018 · 3c04419 · 3c04419
1 parent b9000a4
commit 3c04419
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/mdc-button/_mixins.scss b/packages/mdc-button/_mixins.scss
@@ -16,6 +16,7 @@
 
 @import "@material/elevation/mixins";
 @import "@material/ripple/mixins";
+@import "@material/rtl/mixins";
 @import "@material/theme/functions";
 @import "@material/theme/mixins";
 @import "@material/typography/mixins";
@@ -127,10 +128,11 @@
 }
 
 @mixin mdc-button__icon_ {
+  @include mdc-rtl-reflexive-box(margin, right, 8px);
+
   display: inline-block;
   width: 18px;
   height: 18px;
-  margin-right: 8px;
   font-size: 18px;
   line-height: inherit;
   vertical-align: top;

diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@material/elevation": "^0.28.0",
     "@material/ripple": "^0.32.0",
+    "@material/rtl": "^0.30.0",
     "@material/theme": "^0.30.0",
     "@material/typography": "^0.28.0"
   }