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/Discussion/DiscussionListItem.vue
+++ b/js/src/components/Discussion/DiscussionListItem.vue
@@ -83,6 +83,7 @@ export default class DiscussionListItem extends Vue {
 }
 </script>
 <style lang="scss" scoped>
+@use "@/styles/_mixins" as *;
 .discussion-minimalist-card-wrapper {
  text-decoration: none;
  display: flex;
@@ -92,7 +93,7 @@ export default class DiscussionListItem extends Vue {
  align-items: center;

  .calendar-icon {
-    margin-right: 1rem;
+    @include margin-right(1rem);
  }

  .title-info-wrapper {