From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 22 May 2023 10:07:08 +0000 (+0200)
Subject: wip #5812 @1:30
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=8c3f7c13ff960bc3784ace1fead3f3f8638b9686;p=sycomore-fondation.git

wip #5812 @1:30
---

diff --git a/wp-content/mu-plugins/cube/Widgets/CarouselHome.php b/wp-content/mu-plugins/cube/Widgets/CarouselHome.php
index af65da0..55ee81f 100644
--- a/wp-content/mu-plugins/cube/Widgets/CarouselHome.php
+++ b/wp-content/mu-plugins/cube/Widgets/CarouselHome.php
@@ -153,7 +153,7 @@ class CarouselHome extends _Base {
                 ],
                 'separator' => 'after',
                 'selectors' => [
-                    '{{WRAPPER}} {{CURRENT_ITEM}} .thumbnail' => '--top: {{SIZE}}px'
+                    '{{WRAPPER}} {{CURRENT_ITEM}} .thumbnail' => '--bottom: -{{SIZE}}px'
                 ],
             ]
         );
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/common/global.sass b/wp-content/themes/sycomore-fondation/resources/styles/common/global.sass
index 6c7124b..595afe6 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/common/global.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/common/global.sass
@@ -67,8 +67,9 @@ p
 .grid-constrain-fluid
   margin: 0 auto
 
-.z-1
-  z-index: 1
+@for $i from 1 through 10
+  .z-#{$i}
+    z-index: #{$i}
 
 .elementor-widget-wrap
   //display: grid !important
@@ -103,4 +104,3 @@ body,p,a
 body.nous-contacter
   .elementor-section:last-child > .elementor-container
     padding-bottom: var(--space-xl-2xl)
-    border-bottom: 1px solid #D8D8D8
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/partials/footer.sass b/wp-content/themes/sycomore-fondation/resources/styles/partials/footer.sass
index 20c5d00..f6a2827 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/partials/footer.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/partials/footer.sass
@@ -1,7 +1,15 @@
+.vos-projets,
+.la-fondation
+  footer.content-info
+    .container
+      border: 0
+
 footer.content-info
-  padding: 51px 0
   .container
+    padding: 51px 0
+    border-top: 1px solid #D8D8D8
     +screen-size("small-desktop", "max")
+      padding: 36px 0 20px
       flex-direction: column
 
   .brand
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/partials/header.sass b/wp-content/themes/sycomore-fondation/resources/styles/partials/header.sass
index 001941b..933eb0d 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/partials/header.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/partials/header.sass
@@ -4,6 +4,8 @@ header.banner
   z-index: 99
   transition: all .3s
   top: 0
+  +screen-size(small-desktop, 'max')
+    padding-top: 18px !important
   img
     width: 100%
     transition: all .3s
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/partials/home-carousel.sass b/wp-content/themes/sycomore-fondation/resources/styles/partials/home-carousel.sass
index d34cef7..c482232 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/partials/home-carousel.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/partials/home-carousel.sass
@@ -14,8 +14,14 @@
       left: 50%
       display: flex
       transform: translateX(-50%)
-      &.active
+      &.prev
+        .leftside
+          height: 0
+      &.next
         z-index: 1
+      &.active
+        height: 100%
+        z-index: 2
         [class*="side"]
           .overlay,
           .thumbnail
@@ -23,31 +29,12 @@
 
           .thumbnail
             position: relative
-            transition: height .4s cubic-bezier(.7, 0, .2, 1)
-            img.bg
-              height: 0
-              bottom: 0
-            img:not(.bg)
-              bottom: 0
 
           .text
             opacity: 1
             transition: opacity 750ms cubic-bezier(0.77, 0, 0.175, 1) 0s, top 1s
             top: 0
 
-        .leftside
-          .overlay
-            z-index: 2
-          .thumbnail
-            z-index: 3
-
-      &:not(.active)
-        [class*="side"]
-          .overlay,
-          .thumbnail
-            height: 0
-            margin-top: auto
-
       .leftside,
       .rightside
         width: 50%
@@ -68,6 +55,11 @@
       .leftside
         display: flex
         flex-direction: column
+        margin-top: auto
+        transition: all .9s cubic-bezier(.7, 0, .2, 1)
+        height: 100%
+        *
+          height: 100%
         .overlay
           background-position: center
           background-size: cover
@@ -79,23 +71,20 @@
           overflow: hidden
           position: relative
 
+          img
+            position: absolute
+            width: max-content
+            height: max-content
+            bottom: var(--bottom)
+            left: var(--left)
+            transition: all 1s
 
-        img
-          position: absolute
-          //top: 100%
-          //bottom: calc(var(--bottom) + 30px)
-          //transition: bottom 1s
-        img.bg
-          width: 100%
-          height: 100%
-          top: 0
-          transition: bottom .9s cubic-bezier(.7, 0, .2, 1)
+        &.active
+          .thumbnail
+            img
 
-        img:not(.bg)
-          width: max-content
-          height: max-content
-          bottom: 0
-          left: var(--left)
+              transition: all 1s
+              bottom: calc(var(--bottom) - 39px)
 
       .rightside
         display: flex
@@ -126,23 +115,13 @@
           margin-top: initial
           .overlay
             top: 0
-
-          img.bg
-            bottom: 0
         .rightside
           margin-top: auto
           .overlay
             bottom: 0
 
-          img.bg
-            top: 0
-
 
       &:not(.active)
-        .overlay
-          height: 0
-          transition: height 0s
-          transition-delay: 1s
         .text
           animation-name: anime
           animation-duration: .8s
@@ -156,6 +135,12 @@
   100%
     top: 1.25vw
 
+@keyframes anime-thumb
+  0%
+    bottom: calc(var(--bottom) + 39px)
+  100%
+    bottom: var(--bottom)
+
 .home-carousel-mobile
   overflow: hidden
   .thumbnail,
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/partials/page.sass b/wp-content/themes/sycomore-fondation/resources/styles/partials/page.sass
index 511aa2a..178ad1f 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/partials/page.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/partials/page.sass
@@ -1,6 +1,10 @@
 .politique-de-confidentialite,
 .mentions-legales
-
+  .elementor-section:not(:first-child)
+    .elementor-widget-container
+      +screen-size(small-desktop)
+        width: 50%
+        margin: 0 auto
   *
     color: map-get($colors, 'grey', 'dark')
   h2
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/widgets/CarouselSelection.sass b/wp-content/themes/sycomore-fondation/resources/styles/widgets/CarouselSelection.sass
index 4bf3719..df94c0f 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/widgets/CarouselSelection.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/widgets/CarouselSelection.sass
@@ -10,7 +10,6 @@
     margin-bottom: 84px
     font-size: 39px
 
-
   .swiper
 
     &-container
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockAssociation.sass b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockAssociation.sass
index b62d000..e15e4e8 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockAssociation.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockAssociation.sass
@@ -1,7 +1,6 @@
 .assoc
   &-block
     padding-bottom: 86px
-    border-bottom: 1px solid #D8D8D8
     h3,h2
       width: 100%
       z-index: 1
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockText.sass b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockText.sass
index 696f911..e4d057f 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockText.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blockText.sass
@@ -60,9 +60,17 @@
 
   &-image
     align-self: flex-start
+    +screen-size(small-desktop)
+      height: 100%
     +screen-size(small-desktop, 'max')
       margin-bottom: 18px
 
+    img
+      +screen-size(small-desktop)
+        height: 100%
+        object-fit: cover
+
+
   &-subtitle
     font-size: 20px
 
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blocktextbtn.sass b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blocktextbtn.sass
index 571ef86..badf6d4 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/widgets/blocktextbtn.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/widgets/blocktextbtn.sass
@@ -1,11 +1,20 @@
 .text-blockbtn
-  display: grid
-  +special-gap(0)
   +screen-size(small-desktop)
+    display: grid
+    +special-gap(0)
     grid-template-columns: repeat(12, 1fr)
     grid-template-rows: 1fr auto auto 1fr
     align-items: flex-start
     height: fit-content
+  &-gallery:not(.gallery-columns-2)
+    +screen-size(small-desktop)
+      height: 100%
+      *
+        height: 100%
+      img
+        height: 100%
+        object-fit: cover
+
   &.gallery-left
     +screen-size(small-desktop)
       .text-blockbtn
diff --git a/wp-content/themes/sycomore-fondation/resources/styles/widgets/highlightTitle.sass b/wp-content/themes/sycomore-fondation/resources/styles/widgets/highlightTitle.sass
index f1673a0..57b5474 100644
--- a/wp-content/themes/sycomore-fondation/resources/styles/widgets/highlightTitle.sass
+++ b/wp-content/themes/sycomore-fondation/resources/styles/widgets/highlightTitle.sass
@@ -5,9 +5,14 @@
     &:not(.text-blockbtn-above-title)
       font-size: 27px
   &-bar
-    width: 100%
+    width: 0
     height: 38.8%
     position: absolute
     bottom: 0
     left: 0
     z-index: 0
+    transition: width .9s ease-in-out
+
+  &.active
+    .highlight-bar
+      width: 100%
diff --git a/wp-content/themes/sycomore-fondation/resources/views/widgets/carousel-home.blade.php b/wp-content/themes/sycomore-fondation/resources/views/widgets/carousel-home.blade.php
index a91f97f..ad76029 100644
--- a/wp-content/themes/sycomore-fondation/resources/views/widgets/carousel-home.blade.php
+++ b/wp-content/themes/sycomore-fondation/resources/views/widgets/carousel-home.blade.php
@@ -3,13 +3,12 @@
     @php
       $key += 1;
     @endphp
-    <div class="elementor-repeater-item-{{$slide['_id']}} carousel-slide container {{ $key === 1 ? 'active' : '' }}">
-      <div class="leftside">
+    <div class="elementor-repeater-item-{{$slide['_id']}} carousel-slide container {{ $key === 2 ? 'next' : '' }} {{ $key === 1 ? 'active' : '' }}">
+      <div class="leftside {{ $key === 1 ? 'active' : '' }}">
         <div class="overlay overlayside" style="background-image: url({{$slide['background_image']['url']}})"></div>
         @if(array_key_exists('image',$slide))
           <div class="thumbnail">
             <img src="{{ $slide['image']['url'] }})" />
-            <img class="bg" src="{{ $slide['background_image']['url']}} " />
           </div>
         @endif
       </div>