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/Event/OrganizerPicker.vue
+++ b/js/src/components/Event/OrganizerPicker.vue
@@ -121,6 +121,7 @@ export default class OrganizerPicker extends Vue {
 }
 </script>
 <style lang="scss" scoped>
+@use "@/styles/_mixins" as *;
 ::v-deep .list-item {
  box-sizing: content-box;

@@ -133,11 +134,11 @@ export default class OrganizerPicker extends Vue {

      figure.image,
      span.icon.media-left {
-        margin-right: 0.5rem;
+        @include margin-right(0.5rem);
      }

      span.icon.media-left {
-        margin-left: -0.25rem;
+        @include margin-left(-0.25rem);
      }
    }
  }