@imiobe/plonetheme-smartweb-base 0.0.6 → 0.1.0

package/src/scss/homepage/_album.scss

@@ -1,85 +1,97 @@
 .albumhome {
-    position: relative;
-    padding-top: $album-section-padding-top;
-    padding-bottom: $album-section-padding-bottom;
-    margin: $album-section-margin;
-    background: $album-section-bg;
+  position: relative;
+  padding-top: $album-section-padding-top;
+  padding-bottom: $album-section-padding-bottom;
+  margin: $album-section-margin;
+  background: $album-section-bg;
+
+  @if $album-section-full-width {
+    width: 100vw;
+    left: 50%;
+    transform: translateX(-50%);
+    max-width: 100vw;
+  }
+
+  .container {
+    padding-right: 0;
+    padding-left: 0;
+
     @if $album-section-full-width {
-        width: 100vw;
-        left: 50%;
-        transform: translateX(-50%);
-        max-width: 100vw;
+      padding-right: calc(var(--bs-gutter-x) * 0.5);
+      padding-left: calc(var(--bs-gutter-x) * 0.5);
     }
-    .container {
-        padding-right: 0;
-        padding-left: 0;
-        @if $album-section-full-width {
-            padding-right: calc(var(--bs-gutter-x) * 0.5);
-            padding-left: calc(var(--bs-gutter-x) * 0.5);
-        }
+  }
+
+  .section-title {
+    color: $album-title-color;
+    margin: $album-title-margin;
+    padding: $album-title-padding;
+    text-align: $album-title-align;
+  }
+
+  .swiper-slide {
+    height: auto;
+
+    a {
+      text-decoration: none;
     }
-    .section-title {
-        color: $album-title-color;
-        margin: $album-title-margin;
-        padding: $album-title-padding;
-        text-align: $album-title-align;
-        @include media-breakpoint-up(lg) {}
-        @include media-breakpoint-up(xxl) {}
+
+    & > a {
+      display: grid;
+      height: 100%;
+      place-items: start;
+      grid-auto-rows: min-content;
+      background: $album-item-bg-color;
+      border-radius: $album-item-bg-radius;
     }
-    .swiper-slide {
-        height: auto;
-        a {
-            text-decoration: none;
-        }
-        &>a {
-            display: grid;
-            height: 100%;
-            place-items: start;
-            grid-auto-rows: min-content;
-            background: $album-item-bg-color;
-            border-radius: $album-item-bg-radius;
-        }
-        .swiper-image {
-            margin-bottom: $album-image-margin-bottom;
-            border-radius: $album-image-border-radius;
-            width: 100%;
-        }
-        .swiper_category {
-            margin: $album-category-margin;
-            span {
-                display: block;
-                padding: $album-category-padding;
-                color: $album-category-color;
-                background: $album-category-bg-color;
-                font-size: $album-category-font-size;
-                font-weight: $album-category-font-weight;
-                text-transform: $album-category-text-transform;
-                border-radius: $album-category-radius;
-            }
-        }
-        .swiper_date {
-            padding: $album-date-padding;
-            margin: $album-date-margin;
-            color: $album-date-color;
-            font-size: $album-date-font-size;
-        }
-        .swiper_title {
-            padding: $album-item-title-padding;
-            margin: $album-item-title-margin;
-            h3 {
-                color: $album-item-title-color;
-                font-size: $album-item-title-font-size;
-                font-weight: $album-item-title-font-weight;
-                text-transform: $album-item-title-text-transform;
-            }
-        }
+
+    .swiper-image {
+      margin-bottom: $album-image-margin-bottom;
+      border-radius: $album-image-border-radius;
+      width: 100%;
     }
+
+    .swiper_category {
+      margin: $album-category-margin;
+
+      span {
+        display: block;
+        padding: $album-category-padding;
+        color: $album-category-color;
+        background: $album-category-bg-color;
+        font-size: $album-category-font-size;
+        font-weight: $album-category-font-weight;
+        text-transform: $album-category-text-transform;
+        border-radius: $album-category-radius;
+      }
+    }
+
+    .swiper_date {
+      padding: $album-date-padding;
+      margin: $album-date-margin;
+      color: $album-date-color;
+      font-size: $album-date-font-size;
+    }
+
+    .swiper_title {
+      padding: $album-item-title-padding;
+      margin: $album-item-title-margin;
+
+      h3 {
+        color: $album-item-title-color;
+        font-size: $album-item-title-font-size;
+        font-weight: $album-item-title-font-weight;
+        text-transform: $album-item-title-text-transform;
+      }
+    }
+  }
 }
 
 // see all
 .sectionnews {
-    .see_all {
-        justify-content: $album-see-all-justify-content;
-        @include see-all-style;
-    }
-}
+  .see_all {
+    justify-content: $album-see-all-justify-content;
+
+    @include see-all-style;
+  }
+}

package/src/scss/homepage/_banner.scss

@@ -1,5 +1,6 @@
 .smartweb_herobanner {
   position: relative;
+
   @if $banner-enable-full-width {
     width: 100vw;
     left: 50%;
@@ -8,57 +9,53 @@
 
   .bannerSwiper {
     height: $banner-heigh;
-    
-      .swiper-slide {
-        position: relative;
 
-        .swiper-banner-image {
-          position: absolute;
-          z-index: -1;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-        }
+    .swiper-slide {
+      position: relative;
+
+      .swiper-banner-image {
+        position: absolute;
+        z-index: -1;
+        inset: 0;
+      }
 
-        .swiper-banner-color {
-          position: absolute;
-          z-index: -2;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
+      .swiper-banner-color {
+        position: absolute;
+        z-index: -2;
+        inset: 0;
+      }
+
+      .swiper-banner-content-wrapper {
+        @if $banner-content-is-vertical-center {
+          position: relative;
+          top: 50%;
+          transform: translateY(-50%);
         }
 
-        .swiper-banner-content-wrapper {
-          @if $banner-content-is-vertical-center {
-            position: relative;
-            top: 50%;
-            transform: translateY(-50%);
+        .swiper-banner-content {
+          width: $banner-content-width;
+          max-width: $banner-content-max-width;
+          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-content {
-            width: $banner-content-width;
-            max-width: $banner-content-max-width;
-            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;
-                color: $banner-content-description-color;
-                font-size: $banner-content-description-font-size;
-              }
+          .swiper-banner-description {
+            p {
+              margin: 0;
+              color: $banner-content-description-color;
+              font-size: $banner-content-description-font-size;
             }
           }
         }
       }
+    }
   }
 
   .swiper-button-next,

package/src/scss/homepage/_events.scss

@@ -3,19 +3,23 @@
   padding-top: $event-section-padding-top;
   padding-bottom: $event-section-padding-bottom;
   margin: $event-section-margin;
+
   @if $actu-section-full-width {
     width: 100vw;
     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;
+
     @include media-breakpoint-up(lg) {
       @if $event-section-full-width {
         padding-right: calc(var(--bs-gutter-x) * 0.5);
@@ -23,20 +27,22 @@
       }
     }
   }
+
   .section-title {
     color: $event-title-color;
     margin: $event-title-margin;
     padding: $event-title-padding;
     text-align: $event-title-align;
-    @include media-breakpoint-up(lg) {}
-    @include media-breakpoint-up(xxl) {}
   }
+
   .swiper-slide {
     height: auto;
+
     a {
       text-decoration: none;
     }
-    &>a {
+
+    & > a {
       display: grid;
       height: 100%;
       place-items: start;
@@ -44,13 +50,16 @@
       background: $event-item-bg-color;
       border-radius: $event-item-bg-radius;
     }
+
     .swiper-image {
       margin-bottom: $event-image-margin-bottom;
       border-radius: $event-image-border-radius;
       width: 100%;
     }
+
     .swiper_category {
       margin: $event-category-margin;
+
       span {
         display: block;
         padding: $event-category-padding;
@@ -62,15 +71,18 @@
         border-radius: $event-category-radius;
       }
     }
+
     .swiper_date {
       padding: $event-date-padding;
       margin: $event-date-margin;
       color: $event-date-color;
       font-size: $event-date-font-size;
     }
+
     .swiper_title {
       padding: $event-item-title-padding;
       margin: $event-item-title-margin;
+
       h3 {
         color: $event-item-title-color;
         font-size: $event-item-title-font-size;
@@ -78,49 +90,59 @@
         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;
+      margin: $actu-item-description-margin;
       padding: $actu-item-description-padding;
-      color:$actu-item-description-color;
+      color: $actu-item-description-color;
     }
   }
 }
+
 .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: "/";
+  content: "/";
 }
+
 .sectionevents .swiper-slide .swiper_date div {
-	display: flex;
+  display: flex;
 }
-.sectionevents{
-  .swiper_date{
+
+.sectionevents {
+  .swiper_date {
     display: flex;
-    .day_date{
-      .from_on{
-        margin-right: .25em;
+
+    .day_date {
+      .from_on {
+        margin-right: 0.25em;
       }
     }
-    .start_date{
+
+    .start_date {
       display: flex;
-      margin-right: .25em;
-      .from_on{
-        margin-right: .25em;
+      margin-right: 0.25em;
+
+      .from_on {
+        margin-right: 0.25em;
       }
     }
-    .end_date{
-      .to{
-        margin-right: .25em;
+
+    .end_date {
+      .to {
+        margin-right: 0.25em;
       }
     }
   }
 }
+
 // see all
 .sectionevents {
   .see_all {
     justify-content: $event-see-all-justify-content;
+
     @include see-all-style;
   }
-}
+}

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

@@ -1,51 +1,55 @@
 @mixin see-all-style {
-    margin: $see-all-margin;
-    display: flex;
-    a {
-        position: relative;
-        display: block;
-        width: max-content;
-        padding: $see-all-padding;
-        background: $see-all-bg;
-        color: $see-all-color;
-        border-radius: $see-all-radius;
-        border: $see-all-border;
-        text-decoration: none;
-        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;
-        }
+  margin: $see-all-margin;
+  display: flex;
+
+  a {
+    position: relative;
+    display: block;
+    width: max-content;
+    padding: $see-all-padding;
+    background: $see-all-bg;
+    color: $see-all-color;
+    border-radius: $see-all-radius;
+    border: $see-all-border;
+    text-decoration: none;
+    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 0.2s ease;
+      position: absolute;
+      height: 2px;
+      background-color: $see-all-underline-color;
+      left: 0;
+      bottom: -5px;
+      width: $see-all-underline-width;
+    }
+  }
 }
 
 #content-core,
 #main-container {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
-.portaltype-imio-smartweb-portalpage{
-    #content > header{
-        display: none;
-    }
-}
+.portaltype-imio-smartweb-portalpage {
+  #content > header {
+    display: none;
+  }
+}

package/src/scss/homepage/_newsletter.scss

@@ -1,24 +1,30 @@
-.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;
-    }
-}
+.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,39 +1,46 @@
 .sectionlinks.quick-access {
   position: relative;
   background: transparent;
+
   @if $quick-access-section-full-width {
     width: 100vw;
     left: 50%;
     transform: translateX(-50%);
     max-width: 100vw;
   }
+
   .container {
     padding-right: 0;
     padding-left: 0;
+
     @if $quick-access-section-full-width {
       padding-right: calc(var(--bs-gutter-x) * 0.5);
       padding-left: calc(var(--bs-gutter-x) * 0.5);
     }
   }
+
   .section-title {
     color: $quick-access-title-color;
     margin: $quick-access-title-margin;
     padding: $quick-access-title-padding;
     text-align: $quick-access-title-align;
-    @include media-breakpoint-up(lg) {}
-    @include media-breakpoint-up(xxl) {}
   }
+
   .body-section {
     padding: $quick-access-container-padding;
-    ul{
+
+    ul {
       justify-content: center;
     }
+
     li {
       list-style: none;
+
       a {
         display: block;
         text-align: center;
         text-decoration: none;
+
         .image.d-block {
           display: flex;
           width: $quick-access-width;
@@ -46,6 +53,7 @@
           border-radius: $quick-access-border-radius;
           box-shadow: $quick-access-shadow;
           border: $quick-access-border;
+
           svg {
             width: $quick-access-svg-width;
             height: auto;
@@ -55,6 +63,7 @@
 
         .table_title {
           margin: $quick-access-item-title-margin;
+
           span {
             font-size: $quick-access-title-font-size;
             color: $quick-access-title-color;
@@ -74,7 +83,8 @@
     border: $quick-access-full-bg-border;
     box-shadow: $quick-access-full-bg-shadow;
   }
+
   .row {
     margin-bottom: 0;
   }
-}
+}