fix(VBadge): rtl mode (#5801)

fixes #5684
vuetifyjs · Dec 9, 2018 · 7eadc37 · 7eadc37
1 parent 45da2ea
commit 7eadc37
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/vuetify/src/stylus/components/_badges.styl b/packages/vuetify/src/stylus/components/_badges.styl
@@ -1,5 +1,27 @@
 @import '../bootstrap'
 
+v-badge-rtl()
+  &__badge
+    right: initial
+    left: -($badge-width)
+
+  &--overlap
+    .v-badge__badge
+      right: initial
+      left: -8px
+
+    &.v-badge--left
+      .v-badge__badge
+        right: -8px
+        left: initial
+
+  &--left
+    .v-badge__badge
+      right: -($badge-width)
+      left: initial
+
+rtl(v-badge-rtl, "v-badge")
+
 .v-badge
   display: inline-block
   position: relative