rotateY rtl

LucasLeandro1204 · Jun 1, 2018 · c07f84c · c07f84c
1 parent af7eda4
commit c07f84c
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/components/VueContentLoading.vue b/src/components/VueContentLoading.vue
@@ -1,5 +1,8 @@
 <template>
-  <svg :viewBox="viewbox" preserveAspectRatio="xMidYMid meet">
+  <svg
+    :viewBox="viewbox"
+    :style="svg"
+    preserveAspectRatio="xMidYMid meet">
     <rect
       :style="rect.style"
       :clip-path="rect.clipPath"
@@ -45,6 +48,10 @@
     name: 'VueContentLoading',
 
     props: {
+      rtl: {
+        default: false,
+        type: Boolean,
+      },
 
       speed: {
         default: 2,
@@ -91,6 +98,14 @@
         return `clipPath-${this._uid}`;
       },
 
+      svg () {
+        if (this.rtl) {
+          return {
+            transform: 'rotateY(180deg)',
+          };
+        }
+      },
+
       rect () {
         return {
           style: {