sections actus et events

IMIO · Aug 9, 2024 · 854dd00 · 854dd00
1 parent 6986cc2
commit 854dd00
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 16 deletions.
diff --git a/troisponts/src/scss/home/banner.scss b/troisponts/src/scss/home/banner.scss
@@ -0,0 +1,29 @@
+.bannerSwiper .section-slide {
+  position: relative;
+
+  .swiper-banner-content-wrapper {
+    position: initial !important;
+    top: initial !important;
+    transform: initial !important;
+
+    .swiper-banner-content {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      border-radius: 0 50px 0 0;
+      font-family: $font-family-title;
+
+      .swiper-banner-title {
+        line-height: 60px;
+      }
+
+      @media screen and (max-width: 600px) {
+        display: none;
+      }
+    }
+  }
+
+  .swiper-banner-image {
+    background-position: top;
+  }
+}
diff --git a/troisponts/src/scss/home/events.scss b/troisponts/src/scss/home/events.scss
@@ -69,22 +69,21 @@
         .swiper_category {
           width: 100%;
           text-align: right;
+          margin: 0;
+          position: absolute;
+          top: 0;
 
           span {
             display: inline-block;
-            background: $primary-svg;
-            border-radius: 10px 0 0;
-            color: $primary;
+            border-radius: 0 10px;
+            text-transform: initial;
           }
         }
 
         .swiper_date {
           font-family: $font-family-base;
-          width: 100%;
-
-          div {
-            //margin:0 auto;
-          }
+          text-align: center;
+          margin: 0 auto;
         }
 
         .swiper_title {
@@ -93,6 +92,7 @@
           h3 {
             font-family: $font-family-base;
             transition: 0.5s;
+            text-align: center;
           }
         }
 

diff --git a/troisponts/src/scss/home/partenaires.scss b/troisponts/src/scss/home/partenaires.scss
@@ -0,0 +1,9 @@
+.sectionlinks.quick-access.partenaires .section-title {
+  color: $primary-dark !important;
+  margin: 0 0 2rem;
+  padding: 0;
+  text-align: center;
+  width: 100%;
+  text-transform: initial;
+  font-weight: 600;
+}
diff --git a/troisponts/src/scss/main.scss b/troisponts/src/scss/main.scss
@@ -20,8 +20,10 @@ $enable-roboto-webfont: false;
 @import "./home/events";
 @import "./home/footer";
 @import "./home/bulletins";
+@import "./home/banner";
 @import "./home/section-en-image";
 @import "./se-link";
 @import "./se-files";
 @import "./contact";
+@import "./home/partenaires";
 @import "./home/a-la-une";
diff --git a/troisponts/src/scss/variables.scss b/troisponts/src/scss/variables.scss
@@ -261,22 +261,22 @@ $event-section-full-width: true !default;
 $event-section-padding-top: 2rem !default;
 $event-section-padding-bottom: 2rem !default;
 $event-section-margin: 0 !default;
-$event-title-color: $primary !default;
+$event-title-color: #000;
 $event-title-align: $home-section-title-align !default;
 $event-title-margin: $home-section-title-margin !default;
 $event-title-padding: $home-section-title-padding !default;
 $event-image-margin-bottom: 0 !default;
 $event-image-border-radius: $global-radius !default;
-$event-item-bg-color: rgb(244, 244, 244) !default;
+$event-item-bg-color: transparent;
 $event-item-bg-radius: $global-radius + 2 !default;
 $event-category-margin: 0 0 0.5rem 0 !default;
 $event-category-padding: 0.5rem 1rem !default;
-$event-category-color: #fff !default;
-$event-category-bg-color: $primary-svg !default;
-$event-category-text-transform: uppercase !default;
+$event-category-color: #fff;
+$event-category-bg-color: $primary;
+$event-category-text-transform: initial;
 $event-category-font-size: 14px !default;
 $event-category-font-weight: initial !default;
-$event-category-radius: $global-radius !default;
+$event-category-radius: 0 10px;
 $event-item-title-margin: 0 !default;
 $event-item-title-padding: 0 1rem !default;
 $event-item-title-color: initial !default;
@@ -286,11 +286,11 @@ $event-item-title-font-weight: initial !default;
 $event-item-description-margin: 0 0 0.5rem 0 !default;
 $event-item-description-padding: 0 1rem !default;
 $event-item-description-color: initial !default;
-$event-item-description-align: left !default;
+$event-item-description-align: center;
 $event-item-description-font-family: $font-family-base !default;
 $event-date-margin: 0 0 0.5rem 0 !default;
 $event-date-padding: 0 1rem !default;
-$event-date-color: $primary !default;
+$event-date-color: #000;
 $event-date-font-size: 14px !default;
 $event-see-all-justify-content: $see-all-justify-content !default;