ajout de strapi

2025-12-07 23:10:08 +01:00
parent da639e4d73
commit 5deafb7d50
94 changed files with 2221 additions and 27 deletions
--- a/app/assets/scss/component/_header_nav.scss
+++ b/app/assets/scss/component/_header_nav.scss
@@ -0,0 +1,136 @@
+@use '../base/colors' as *;
+@use '../layout/media_queries';
+
+.header_navigation_topbar {
+    display: flex;
+    justify-content: flex-end;
+
+    font-family: 'brandontext_regular';
+    font-size: 16px;
+
+    .header_nav_item {
+        margin-right: 30px;
+        &:last-child {
+            margin-right: 0px;
+        }
+    }
+    .header_nav_lang {
+        display: flex;
+        font-family: 'brandontext_medium';
+        .header_nav_lang_item {
+            margin-right: 4px;
+            &:last-child {
+                margin-right: 0px;
+            }
+        }
+    }
+}
+.header_navigation_main {
+    display: grid;
+    
+    grid-template-rows: 1fr;
+
+    @include media_queries.media_min(tablet_600) {
+        grid-template-columns: 140px 1fr;
+    }    
+    @include media_queries.media_min(tablet_900) {
+        grid-template-columns: 140px 1fr;
+    }
+    @include media_queries.media_min(desktop_1000) {
+        grid-template-columns: 200px 1fr;
+    }
+    @include media_queries.media_min(desktop_1200) {
+        grid-template-columns: 200px 1fr;
+    }
+    @include media_queries.media_min(desktop_1500) {
+        grid-template-columns: 240px 1fr;
+    }
+    @include media_queries.media_min(desktop_1800) {
+        grid-template-columns: 240px 1fr;
+    }
+
+}
+.header_nav_logo {
+    margin-top: -17px;
+}
+.header_nav_cont {
+    margin-left: 30px;
+    margin-right: 30px;
+
+
+    .header_nav {
+        display: flex;
+        justify-content: center;
+
+        font-family: 'brandontext_regular';
+        
+        @include media_queries.media_min(tablet_600) {
+            font-size: 18px;
+        }    
+        @include media_queries.media_min(tablet_900) {
+            font-size: 20px;
+        }
+        @include media_queries.media_min(desktop_1200) {
+            font-size: 22px;
+        }
+        @include media_queries.media_min(desktop_1500) {
+            font-size: 24px;
+        }
+        @include media_queries.media_min(desktop_1800) {
+            font-size: 26px;
+        }
+
+        .header_nav_item {
+            margin-right: 34px;
+            @include media_queries.media_min(tablet_600) {
+                margin-right: 20px;
+            }    
+            @include media_queries.media_min(tablet_900) {
+                margin-right: 22px;
+            }
+            @include media_queries.media_min(desktop_1200) {
+                margin-right: 28px;
+            }
+            @include media_queries.media_min(desktop_1500) {
+                margin-right: 30px;
+            }
+            @include media_queries.media_min(desktop_1800) {
+                margin-right: 34px;
+            }
+            &:last-child {
+                margin-right: 0px;
+            }
+        }
+        .nav_icone {
+            display: flex;
+
+            .nav_icone_img {
+                margin-right: 6px;
+                
+                @include media_queries.media_min(tablet_600) {
+                    margin-top: 1px;
+                }    
+                @include media_queries.media_min(tablet_900) {
+                    margin-top: 1px;
+                }
+                @include media_queries.media_min(desktop_1800) {
+                    margin-top: 2px;
+                }
+
+                img {
+                    @include media_queries.media_min(tablet_600) {
+                        width: 83%;
+                    }    
+                    @include media_queries.media_min(tablet_900) {
+                        width: 83%;
+                    }
+                    @include media_queries.media_min(desktop_1800) {
+                        width: 100%;
+                    }
+                }
+
+            }
+        }
+    }
+
+}