wait #7630 @2:00

diff --git a/wp-content/themes/CCV/resources/assets/styles/common/global.styl b/wp-content/themes/CCV/resources/assets/styles/common/global.styl
deleted file mode 100644 (file)
index cfdb0b4..0000000
--- a/wp-content/themes/CCV/resources/assets/styles/common/global.styl
+++ /dev/null
@@ -1,36 +0,0 @@
-html
-  font-size: $font-size-base // Base used for REM calculations
-
-  +below(1500px)
-    font-size: 20px
-  +below(1200px)
-    font-size: 18px
-  +below(1000px)
-    font-size: 17px
-  +below(700px)
-    font-size: 16px
-
-body
-  min-width: 320px
-  background-color: #FBFBFB
-  overflow-x: hidden
-
-* + p
-  margin-top: 1.5em
-
-body:not(.home) .wrapper
-  @apply mx-auto
-  max-width: $content-max-width
-
-//-- Elementor Lightbox customisations
-.dialog-type-lightbox
-  background-color: rgba(#2E2C40, 0.8)
-
-.elementor-column-gap-default>.elementor-column>.elementor-element-populated
-  padding: 0
-
-.swiper-container
-  overflow-x: hidden
-
-#tw-target-text
-  @apply font-body
\ No newline at end of file

diff --git a/wp-content/themes/CCV/resources/assets/styles/fold/global.styl b/wp-content/themes/CCV/resources/assets/styles/fold/global.styl
new file mode 100644 (file)
index 0000000..71ac7f1
--- /dev/null
+++ b/wp-content/themes/CCV/resources/assets/styles/fold/global.styl
@@ -0,0 +1,58 @@
+html
+  font-size: $font-size-base // Base used for REM calculations
+
+  +below(1500px)
+    font-size: 20px
+  +below(1200px)
+    font-size: 18px
+  +below(1000px)
+    font-size: 17px
+  +below(700px)
+    font-size: 16px
+
+body
+  min-width: 320px
+  background-color: #FBFBFB
+  overflow-x: hidden
+
+* + p
+  margin-top: 1.5em
+
+body:not(.home) .wrapper
+  @apply mx-auto
+  max-width: $content-max-width
+
+//-- Elementor Lightbox customisations
+.dialog-type-lightbox
+  background-color: rgba(#2E2C40, 0.8)
+
+.elementor-column-gap-default>.elementor-column>.elementor-element-populated
+  padding: 0 !important
+
+.swiper-container
+  overflow-x: hidden
+
+#tw-target-text
+  @apply font-body
+
+#overlay-loader
+  display: none
+
+/:root
+  --header-height: 0px
+
+@media (max-width: 1625px) and (min-width: 1022px)
+  .nav-primary
+    @apply w-full
+    &-container
+      padding-left: 2rem !important
+    .menu-item:first-child
+        margin-left: 0 !important
+
+  .main-menu
+    @apply w-full justify-between
+
+  .header-logo-container
+    top: -49px !important
+    img
+      width: 193px
\ No newline at end of file

diff --git a/wp-content/themes/CCV/resources/views/partials/header.blade.php b/wp-content/themes/CCV/resources/views/partials/header.blade.php
index 9a5cc336e238a82dcae936f8482b4eed3c363179..30306087fe839a758fc40aa4bc68146fdbe23eba 100644 (file)
--- a/wp-content/themes/CCV/resources/views/partials/header.blade.php
+++ b/wp-content/themes/CCV/resources/views/partials/header.blade.php
@@ -1,11 +1,11 @@
-<header class="site test sticky top-0 z-20 bg-white font-display font-medium uppercase text-sm">
+<header class="site test sticky top-0 z-20 bg-white font-body font-medium uppercase text-sm">
     <div class="nav-secondary flex items-center justify-end pt-3 container">
 
         @if ($button_1)
             <a href="{{ $button_1->url }}"
                target="{{ $button_1->target }}"
-               class="header-cta btn btn-no-hover flex items-center text-sm">
-                <img src="@asset('images/teleconsultation.svg')" class="mr-2">
+               class="header-cta btn btn-no-hover flex items-center text-sm font-body">
+                <img data-no-lazy="1" src="@asset('images/teleconsultation.svg')" class="mr-2" alt="Teleconsultation" width="30" height="30" />
                 {{ $button_1->title }}
             </a>
         @endif
@@ -13,23 +13,23 @@
         @if ($button_2)
             <a href="{{ $button_2->url }}"
                target="{{ $button_2->target }}"
-               class="header-cta btn btn-no-hover flex items-center bg-darkblue text-sm">
-                <img src="@asset('images/rendezvous.svg')" class="mr-2">
+               class="header-cta btn btn-no-hover flex items-center bg-darkblue text-sm font-body">
+                <img data-no-lazy="1" src="@asset('images/rendezvous.svg')" class="mr-2" alt="Rendez-vous" width="30" height="30" />
                 {{ $button_2->title }}
             </a>
         @endif
     </div>
-    <div class="nav-primary-container container relative px-1v md_special:py-1v md_special:pl-1v pl-16 pb-1v flex items-center justify-between">
-        <a class="mr-10 header-logo-container"
+    <div class="nav-primary-container container relative lg:py-1v px-1v md_special:pl-1v pl-16 pb-1v flex items-center justify-between">
+        <a class="mr-10 header-logo-container lg:absolute md:relative top-[49px] md:top-0"
            href="{{ home_url('/') }}"
            aria-label="<?= __("Aller à la page d'accueil", 'ccv') ?>">
-          <img class="header-logo" src="@asset('images/logo.svg')" alt="{{ get_bloginfo('name', 'display') }}">
+            <img data-no-lazy="1" class="header-logo lg:!w-[193px] md:!w-[255px]" src="@asset('images/logo.svg')" alt="{{ get_bloginfo('name', 'display') }}" width="255" height="68" alt="SpinePro" />
         </a>
 
         @if (has_nav_menu('primary_navigation'))
-          <nav class="nav-primary self-end">
-            {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'main-menu menu-list', 'echo' => false]) !!}
-          </nav>
+            <nav class="nav-primary self-end">
+                {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'main-menu menu-list', 'echo' => false]) !!}
+            </nav>
         @endif
-  </div>
-</header>
+    </div>
+</header>
\ No newline at end of file