Add mixins to handle RTL languages

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2021-11-04 18:14:36 +01:00
parent 547e222f5f
commit 39ea05a04a
36 changed files with 164 additions and 74 deletions
--- a/js/src/components/Account/ActorInline.vue
+++ b/js/src/components/Account/ActorInline.vue
@@ -26,6 +26,7 @@ export default class ActorInline extends Vue {
 }
 </script>
 <style lang="scss" scoped>
+@use "@/styles/_mixins" as *;
 div.actor-inline {
  align-items: flex-start;
  display: inline-flex;
@@ -36,7 +37,7 @@ div.actor-inline {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
-    margin-right: 0.5rem;
+    @include margin-right(0.5rem);
  }
  div.actor-name {
    flex-basis: auto;