@imiobe/plonetheme-smartweb-base 0.0.4 → 0.0.6

package/src/scss/homepage/_album.scss

@@ -75,9 +75,7 @@
         }
     }
 }
-.swiper-pagination-bullet-active {
-    background: $primary !important;
-}
+
 // see all
 .sectionnews {
     .see_all {

package/src/scss/homepage/_banner.scss

@@ -8,10 +8,7 @@
 
   .bannerSwiper {
     height: $banner-heigh;
-
-    .sectionslide {
-      width: 100%;
-
+    
       .swiper-slide {
         position: relative;
 
@@ -46,13 +43,12 @@
             padding: $banner-content-padding;
             margin: $banner-content-margin;
             background: $banner-content-background;
-
+            text-align:$banner-content-text-align;
             .swiper-banner-title {
               color: $banner-content-title-color;
               font-size: $banner-content-title-font-size;
               text-transform: $banner-content-title-text-transform;
             }
-
             .swiper-banner-description {
               p {
                 margin: 0;
@@ -63,7 +59,6 @@
           }
         }
       }
-    }
   }
 
   .swiper-button-next,

package/src/scss/homepage/_events.scss

@@ -3,18 +3,24 @@
   padding-top: $event-section-padding-top;
   padding-bottom: $event-section-padding-bottom;
   margin: $event-section-margin;
-  @if $event-section-full-width {
+  @if $actu-section-full-width {
     width: 100vw;
-    left: 50%;
-    transform: translateX(-50%);
     max-width: 100vw;
   }
+  @include media-breakpoint-up(lg) {
+    @if $actu-section-full-width {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
   .container {
     padding-right: 0;
     padding-left: 0;
-    @if $event-section-full-width {
-      padding-right: calc(var(--bs-gutter-x) * 0.5);
-      padding-left: calc(var(--bs-gutter-x) * 0.5);
+    @include media-breakpoint-up(lg) {
+      @if $event-section-full-width {
+        padding-right: calc(var(--bs-gutter-x) * 0.5);
+        padding-left: calc(var(--bs-gutter-x) * 0.5);
+      }
     }
   }
   .section-title {
@@ -72,13 +78,45 @@
         text-transform: $event-item-title-text-transform;
       }
     }
+    .swiper_description {
+      text-align: $actu-item-description-align;
+      font-family: $actu-item-description-font-family;
+      margin:$actu-item-description-margin;
+      padding: $actu-item-description-padding;
+      color:$actu-item-description-color;
+    }
   }
 }
-
-.swiper-pagination-bullet-active {
-  background: $primary !important;
+.sectionevents .swiper-slide .swiper_date .day_date .day::after,
+.sectionevents .swiper-slide .swiper_date .end_date .day::after,
+.sectionevents .swiper-slide .swiper_date .start_date .day::after {
+	content: "/";
+}
+.sectionevents .swiper-slide .swiper_date div {
+	display: flex;
+}
+.sectionevents{
+  .swiper_date{
+    display: flex;
+    .day_date{
+      .from_on{
+        margin-right: .25em;
+      }
+    }
+    .start_date{
+      display: flex;
+      margin-right: .25em;
+      .from_on{
+        margin-right: .25em;
+      }
+    }
+    .end_date{
+      .to{
+        margin-right: .25em;
+      }
+    }
+  }
 }
-
 // see all
 .sectionevents {
   .see_all {

package/src/scss/homepage/_general-home.scss

@@ -2,6 +2,7 @@
     margin: $see-all-margin;
     display: flex;
     a {
+        position: relative;
         display: block;
         width: max-content;
         padding: $see-all-padding;
@@ -13,12 +14,27 @@
         text-transform: $see-all-text-transform;
         font-size: $see-all-font-size;
         transition: $see-all-transition;
+        font-family: $see-all-font-family;
+        font-weight: $see-all-font-weight;
         &:hover,
         &:focus {
             background: $see-all-hover-bg;
             color: $see-all-hover-color;
             border-radius: $see-all-hover-radius;
             border: $see-all-hover-border;
+            &:after{
+                width: $see-all-hover-underline-width;
+            }
+        }
+        &:after{
+            content: "";
+            transition: all .2s ease;
+            position: absolute;
+            height: 2px;
+            background-color: $see-all-underline-color;
+            left: 0;
+            bottom: -5px;
+            width: $see-all-underline-width;
         }
     }
 }
@@ -26,4 +42,10 @@
 #content-core,
 #main-container {
     margin-bottom: 0;
+}
+
+.portaltype-imio-smartweb-portalpage{
+    #content > header{
+        display: none;
+    }
 }

package/src/scss/homepage/_newsletter.scss

@@ -0,0 +1,24 @@
+.sectionsendinblue{
+    text-align: $newsletter-align;
+    padding-top: $newsletter-padding-top;
+    padding-bottom: $newsletter-padding-bottom;
+    margin: $newsletter-margin;
+    position: relative;
+    &:after{
+        content: "";
+        position: absolute;
+        width: 100vw;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: -1;
+        top: 0;
+        bottom: 0;
+        background:$newsletter-bg-color;
+    }
+    .lead{
+        margin: 0;
+    }
+    h2,label,.lead,.form-text{
+        color: $newsletter-text-color;
+    }
+}

package/src/scss/homepage/_quick-access.scss

@@ -1,5 +1,6 @@
 .sectionlinks.quick-access {
   position: relative;
+  background: transparent;
   @if $quick-access-section-full-width {
     width: 100vw;
     left: 50%;
@@ -24,6 +25,9 @@
   }
   .body-section {
     padding: $quick-access-container-padding;
+    ul{
+      justify-content: center;
+    }
     li {
       list-style: none;
       a {
@@ -56,6 +60,7 @@
             color: $quick-access-title-color;
             text-transform: $quick-access-title-text-transform;
             font-weight: $quick-access-title-weight;
+            font-family: $quick-access-title-font-family;
           }
         }
       }

package/src/scss/list/_list-block-img.scss

@@ -7,11 +7,23 @@ body.template-block_view_with_images .block-menu-element {
             border-radius: 15px 15px 15px 0px;
             box-shadow: $block-small-shadow;
             position: relative;
-            &:hover,
-            &:focus {
-
+            &::after {
+                // content: url(../svg/arrow-right-yellow.svg);
+                background: #fff;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                text-align: center;
+                margin: 1rem 1rem;
+            }
+        }
+        &:hover,
+        &:focus {
+            .card-body{
                 box-shadow: $block-full-shadow;
-                h2.card-title {}
                 &::after {
                     // content: url(../svg/arrow-right-white.svg);
                     background: $yellow;
@@ -23,21 +35,9 @@ body.template-block_view_with_images .block-menu-element {
                     text-align: center;
                     position: absolute;
                     margin: 1rem 1rem;
-
+    
                 }
             }
-            &::after {
-                // content: url(../svg/arrow-right-yellow.svg);
-                background: #fff;
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                width: 50px;
-                height: 50px;
-                border-radius: 50%;
-                text-align: center;
-                margin: 1rem 1rem;
-            }
         }
         h2.card-title {
             &:hover,

package/src/scss/list/_list.scss

@@ -1,6 +1,6 @@
 .list-group {
     .list-group-item {
-        border-bottom: $border-width solid $gray;
+        border-bottom: $border-width solid #d1d1d1;
         position: relative;
         .tileHeadline {
             a::after {

package/src/scss/main.scss

@@ -30,7 +30,6 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "@plone/plonetheme-barceloneta-base/scss/comments";
 @import "@plone/plonetheme-barceloneta-base/scss/portlets";
 @import "@plone/plonetheme-barceloneta-base/scss/footer";
-@import "@plone/plonetheme-barceloneta-base/scss/event";
 
 @import "@plone/plonetheme-barceloneta-base/scss/print";
 
@@ -44,6 +43,8 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./common/com-faceted";
 @import "./common/com-list-image";
 @import "./common/messviewlet";
+@import "./common/com-react";
+@import "./common/com-footer";
 
 ///// List
 @import "./list/list-block";
@@ -71,6 +72,8 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./sections/se-link";
 @import "./sections/se-linked-content";
 @import "./sections/se-plan";
+@import "./sections/se-plan-geo";
+@import "./sections/se-postit";
 
 // Home page
 @import "./homepage/general-home";
@@ -80,10 +83,11 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./homepage/actualites";
 @import "./homepage/events";
 @import "./homepage/album";
-
-
-
-
-// body{
-//     background: blue;
-// }
+@import "./homepage/newsletter";
+
+#faceted-map-container{
+    z-index: 0;
+}
+.leaflet-top.leaflet-left {
+    z-index: inherit !important;
+  }