feat(icon): add flip/unflip for icon on rtl (#11634)

* feat(icon): add flip/unflip for rtl * fix(icon): flip before not display * fix(icon): flip before not actual
ionic-team · May 22, 2017 · 7bdfaac · 7bdfaac
1 parent 892e14f
commit 7bdfaac
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/fonts/ionicons.scss b/src/fonts/ionicons.scss
@@ -32,4 +32,19 @@ ion-icon {
   text-rendering: auto;
   text-transform: none;
   speak: none;
+
+  @include rtl() {
+    &[aria-label^="arrow"]::before,
+    &[flip-rtl]::before {
+      transform: scaleX(-1);
+    }
+
+    &[unflip-rtl]::before {
+      transform: scaleX(1);
+    }
+  }
+
+  &::before {
+    display: inline-block;
+  }
 }