Remove SCSS variables

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/EventCard.vue

@@ -46,7 +46,7 @@
         </div>
         <div class="flex-1 w-full flex flex-col justify-between">
           <h3
-            class="text-lg leading-5 line-clamp-3 font-bold"
+            class="text-lg leading-5 line-clamp-3 font-bold text-violet-3"
             :title="event.title"
             dir="auto"
             :lang="event.language"
@@ -54,7 +54,7 @@
             {{ event.title }}
           </h3>
           <div class="pt-3">
-            <div class="flex items-center" dir="auto">
+            <div class="flex items-center text-violet-3" dir="auto">
               <figure class="" v-if="actorAvatarURL">
                 <img
                   class="rounded-xl"

js/src/components/Event/EventMinimalistCard.vue

@@ -47,25 +47,25 @@
       </h3>
       <inline-address
         v-if="event.physicalAddress"
-        class="event-subtitle"
+        class=""
         :physical-address="event.physicalAddress"
       />
-      <div
-        class="event-subtitle"
-        v-else-if="event.options && event.options.isOnline"
-      >
+      <div class="" v-else-if="event.options && event.options.isOnline">
         <Video />
         <span>{{ $t("Online") }}</span>
       </div>
-      <div class="event-subtitle event-organizer flex" v-if="showOrganizer">
-        <figure
-          class="image is-24x24"
-          v-if="organizer(event) && organizer(event)?.avatar"
-        >
-          <img class="is-rounded" :src="organizer(event)?.avatar?.url" alt="" />
+      <div class="flex gap-1" v-if="showOrganizer">
+        <figure class="" v-if="organizer(event) && organizer(event)?.avatar">
+          <img
+            class="rounded-full"
+            :src="organizer(event)?.avatar?.url"
+            alt=""
+            width="24"
+            height="24"
+          />
         </figure>
-        <AccountCircle v-else />
-        <span class="organizer-name">
+        <AccountCircle v-else :size="24" />
+        <span class="">
           {{ organizerDisplayName(event) }}
         </span>
       </div>
@@ -145,8 +145,6 @@ withDefaults(
 </script>
 <style lang="scss" scoped>
 @use "@/styles/_mixins" as *;
-// @import "node_modules/bulma/sass/utilities/mixins.sass";
-// @import "@/variables.scss";
 
 .event-minimalist-card-wrapper {
   // display: grid;
@@ -191,8 +189,7 @@ withDefaults(
     //   -webkit-box-orient: vertical;
     //   overflow: hidden;
     //   font-weight: bold;
-    //   color: $title-color;
-    // }
+    d    // }
 
     :deep(.icon) {
       vertical-align: middle;

js/src/components/Event/EventParticipationCard.vue

@@ -618,7 +618,6 @@ article.box {
         //     line-height: 24px;
         //     margin: auto 0;
         //     font-weight: bold;
-        //     color: $title-color;
         //   }
         // }
       }
@@ -626,7 +625,6 @@ article.box {
   }
 
   // .identity-header {
-  //   background: $yellow-2;
   //   display: flex;
   //   padding: 5px;
 

js/src/components/Event/GroupedMultiEventMinimalistCard.vue

@@ -69,7 +69,6 @@ const monthName = (event: IEvent): string => {
     font-size: 1.3rem;
 
     &::after {
-      background: $orange-3;
       position: absolute;
       left: 0;
       right: 0;

js/src/components/Event/RecentEventCardWrapper.vue

@@ -16,14 +16,10 @@ import { IEvent } from "@/types/event.model";
 import { formatDistanceToNow } from "date-fns";
 import { inject } from "vue";
 import EventCard from "./EventCard.vue";
+import type { Locale } from "date-fns";
 defineProps<{
   event: IEvent;
 }>();
 
 const dateFnsLocale = inject<Locale>("dateFnsLocale");
 </script>
-<style lang="scss" scoped>
-p.time {
-  color: $violet-3;
-}
-</style>