Theme Gembloux - Homepage

IMIO · Dec 10, 2024 · 6cea79a · 6cea79a
1 parent 6d050f5
commit 6cea79a
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 25 deletions.
diff --git a/gembloux/src/scss/home/a-la-une.scss b/gembloux/src/scss/home/a-la-une.scss
@@ -2,8 +2,8 @@
   left: 50%;
   margin: 20px 0 !important;
   max-width: 100vw;
-  padding-bottom: 80px;
-  padding-top: 80px;
+  padding-bottom: 40px;
+  padding-top: 0;
   transform: translateX(-50%);
   width: 100vw;
 
@@ -70,7 +70,7 @@
   }
 
   .section-title {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .swiper-wrapper {
@@ -201,7 +201,7 @@
     margin: 0 0 0 -30px;
     width: max-content;
     font-size: 30px;
-    text-transform: i initial;
+    text-transform: initial;
     transform: rotate(180deg);
     position: absolute;
     padding: 100px 0 0;
@@ -232,7 +232,7 @@
 
     .table_title {
       color: $primary;
-      text-align: center;
+      text-align: left;
       width: 100%;
       font-weight: 600;
       font-size: 20px;
@@ -256,7 +256,7 @@
 
   #body-section-video-gembloux {
     overflow: hidden;
-    border-radius: 40px;
+    border-radius: 20px;
   }
 
   @media screen and (max-width: 1200px) {

diff --git a/gembloux/src/scss/home/actualites.scss b/gembloux/src/scss/home/actualites.scss
@@ -21,7 +21,7 @@
     font-weight: 600;
     margin: 0 0 30px;
     width: 100%;
-    text-align: left;
+    text-align: center;
     color: $primary;
     font-size: 40px;
     text-transform: initial;
@@ -72,7 +72,7 @@
           border-radius: 0 0 10px;
           font-size: 14px;
           font-weight: initial;
-          text-transform: uppercase;
+          text-transform: initial;
           margin: 0;
         }
 

diff --git a/gembloux/src/scss/home/espace-citoyen.scss b/gembloux/src/scss/home/espace-citoyen.scss
@@ -1,5 +1,5 @@
 .espace-citoyen {
-  background: #fff;
+  background: transparent;
   padding-top: 6vw;
   padding-bottom: 6vw;
   border-radius: 30px;
@@ -11,7 +11,7 @@
     margin: 0 0 0 -30px;
     width: max-content;
     font-size: 30px;
-    text-transform: uppercase;
+    text-transform: initial;
     transform: rotate(180deg);
     position: absolute;
     padding: 100px 0 0;

diff --git a/gembloux/src/scss/home/events.scss b/gembloux/src/scss/home/events.scss
@@ -32,10 +32,10 @@
     font-weight: 600;
     margin: 0 0 30px;
     width: 100%;
-    text-align: right;
+    text-align: center;
     color: #000;
     font-size: 40px;
-    text-transform: uppercase;
+    text-transform: initial;
   }
 
   .swiper-wrapper {

diff --git a/gembloux/src/scss/home/video.scss b/gembloux/src/scss/home/video.scss
@@ -0,0 +1,8 @@
+.portaltype-imio-smartweb-portalpage.section-home-page div#body-section-video {
+  max-width: 800px;
+  margin: 0 auto;
+
+  iframe {
+    border-radius: 20px;
+  }
+}
diff --git a/gembloux/src/scss/main.scss b/gembloux/src/scss/main.scss
@@ -23,6 +23,7 @@ $enable-roboto-webfont: false;
 // ... add your styles here
 
 @import "./home/quick";
+@import "./home/video";
 @import "./home/a-la-une";
 @import "./home/espace-citoyen";
 @import "./home/actualites";

diff --git a/gembloux/src/scss/variables.scss b/gembloux/src/scss/variables.scss
@@ -39,7 +39,7 @@ $container-max-widths: (
   xl: 1140px,
   xxl: 1320px,
 );
-$global-radius: 0 !default;
+$global-radius: 20px;
 $enable-title-uppercase: false !default;
 $home-section-title-size: 3.25rem !default;
 $home-section-title-margin: 0 0 2rem 0 !default;
@@ -151,18 +151,18 @@ $banner-content-description-color: $primary;
 // see_all
 $see-all-padding: 15px 30px;
 $see-all-margin: 2rem 0 0 0 !default;
-$see-all-bg: #fff;
-$see-all-color: $primary !default;
-$see-all-radius: $global-radius !default;
-$see-all-border: solid 1px #dedede !default;
+$see-all-bg: $primary-svg;
+$see-all-color: #fff;
+$see-all-radius: $global-radius;
+$see-all-border: solid 1px $primary-svg;
 $see-all-text-transform: none !default;
 $see-all-font-size: 16px;
 $see-all-font-weight: 500;
 $see-all-transition: all 0.2s ease !default;
-$see-all-hover-bg: #fff !default;
-$see-all-hover-color: $primary !default;
-$see-all-hover-radius: $global-radius !default;
-$see-all-hover-border: solid 1px #000 !default;
+$see-all-hover-bg: #fff;
+$see-all-hover-color: $primary;
+$see-all-hover-radius: $global-radius;
+$see-all-hover-border: solid 1px $primary-svg;
 $see-all-justify-content: center;
 $see-all-underline-color: transparent;
 $see-all-underline-width: 25% !default;
@@ -195,13 +195,13 @@ $quick-access-full-bg-border: solid 0px $primary-svg !default;
 $quick-access-full-bg-shadow: none !default;
 
 // A la une
-$a-la-une-title-color: $font-title-color !default;
-$a-la-une-title-align: $home-section-title-align !default;
+$a-la-une-title-color: $primary;
+$a-la-une-title-align: left;
 $a-la-une-title-margin: $home-section-title-margin !default;
 $a-la-une-title-padding: $home-section-title-padding !default;
 $a-la-une-text-bg: transparent;
 $a-la-une-item-image-margin: 0 !default;
-$a-la-une-item-title-color: $primary !default;
+$a-la-une-item-title-color: $primary;
 $a-la-une-item-title-font-size: $h3-font-size !default;
 $a-la-une-item-title-margin: 0 !default;
 $a-la-une-item-title-padding: 36px 36px 0 !default;
@@ -211,7 +211,7 @@ $a-la-une-item-description-color: initial !default;
 $a-la-une-item-description-margin: 0 !default;
 $a-la-une-item-description-padding: 0 36px 36px !default;
 $a-la-une-item-description-radius: 0 !default;
-$a-la-une-item-image-radius: 40px 0 0 40px !default;
+$a-la-une-item-image-radius: 20px;
 
 // Actu
 $actu-section-full-width: true !default;