Merge branch 'fix-header-logo-mail' into 'main'

change .logo width to 139px in mail-theme.scss

See merge request ldc-web/projets/gen-game-web-themes/reghalal/ramadan/ramadan-2024!13

sass/base/_fonts.scss

@@ -52,6 +52,15 @@
         format('truetype');
 }
 
+@font-face {
+    font-family: magneton;
+    font-style: normal;
+    font-weight: 400;
+    src:
+        url("@Theme/fonts/magneton/Magneton-RegularSlanted.otf")
+        format('truetype');
+}
+
 .f-gobold {
     font-family: gobold, serif !important;
 }
@@ -71,3 +80,7 @@
 .f-barlow-condensed-semibold {
     font-family: barlow-condensed-semibold, serif !important;
 }
+
+.f-magneton {
+    font-family: magneton, serif !important;
+}

sass/mail-theme.scss

@@ -138,7 +138,7 @@ p {
 /* Logo */
 
 .logo {
-    width: auto;
+    width: 139px;
     height: 75px;
     max-height: 75px;
 }

sass/pages/_home.scss

@@ -42,31 +42,27 @@
                 }
 
                 &:nth-of-type(2) {
+                    font-size: 10rem;
+
+                    @include media-breakpoint-up(xl) {
+                        font-size: 11rem;
+                    }
+
+                    @include media-breakpoint-up(xxl) {
+                        font-size: 13rem;
+                    }
+                }
+
+                &:nth-of-type(3) {
                     font-size: 6rem;
+                    letter-spacing: -6px;
 
                     @include media-breakpoint-up(xl) {
                         font-size: 7rem;
                     }
 
                     @include media-breakpoint-up(xxl) {
-                        font-size: 9rem;
-                    }
-                }
-
-                &:nth-of-type(3) {
-                    font-size: 8rem;
-                    letter-spacing: -6px;
-
-                    @include media-breakpoint-up(xl) {
-                        font-size: 10rem;
-                    }
-
-                    @include media-breakpoint-up(xxl) {
-                        font-size: 11rem;
-                    }
-
-                    @include media-breakpoint-up(xxxl) {
-                        font-size: 13rem;
+                        font-size: 8rem;
                     }
                 }
             }

views/pages/home.blade.php

@@ -15,7 +15,7 @@
             </p>
             <h1 class="home-title mb-0 mt-5 pt-4">
                 <span class="f-arabdances text-primary">Halal</span><br />
-                <span class="f-gobold text-danger">&</span><span class="text-secondary f-barlow-condensed-semibold">En Famille</span>
+                <span class="f-magneton text-danger">&</span><span class="text-secondary f-gobold">En Famille</span>
             </h1>
         </div>
         <div class="col-12 col-lg-7 g-0">