@imiobe/plonetheme-smartweb-base 0.0.2 → 0.0.5

package/src/scss/homepage/_album.scss

@@ -0,0 +1,87 @@
+.albumhome {
+    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 {
+            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;
+        @include media-breakpoint-up(lg) {}
+        @include media-breakpoint-up(xxl) {}
+    }
+    .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-pagination-bullet-active {
+    background: $primary !important;
+}
+// see all
+.sectionnews {
+    .see_all {
+        justify-content: $album-see-all-justify-content;
+        @include see-all-style;
+    }
+}

package/src/scss/homepage/_banner.scss

@@ -0,0 +1,72 @@
+.smartweb_herobanner {
+  position: relative;
+  @if $banner-enable-full-width {
+    width: 100vw;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .bannerSwiper {
+    height: $banner-heigh;
+
+    .sectionslide {
+      width: 100%;
+
+      .swiper-slide {
+        position: relative;
+
+        .swiper-banner-image {
+          position: absolute;
+          z-index: -1;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+
+        .swiper-banner-color {
+          position: absolute;
+          z-index: -2;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+
+        .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-description {
+              p {
+                margin: 0;
+                color: $banner-content-description-color;
+                font-size: $banner-content-description-font-size;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .swiper-button-next,
+  .swiper-button-prev {
+    top: 50%;
+  }
+}

package/src/scss/homepage/_events.scss

@@ -0,0 +1,121 @@
+.sectionevents {
+  position: relative;
+  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;
+    @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 {
+    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 {
+      display: grid;
+      height: 100%;
+      place-items: start;
+      grid-auto-rows: min-content;
+      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;
+        color: $event-category-color;
+        background: $event-category-bg-color;
+        font-size: $event-category-font-size;
+        font-weight: $event-category-font-weight;
+        text-transform: $event-category-text-transform;
+        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;
+        font-weight: $event-item-title-font-weight;
+        text-transform: $event-item-title-text-transform;
+      }
+    }
+  }
+}
+
+.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 {
+    justify-content: $event-see-all-justify-content;
+    @include see-all-style;
+  }
+}

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

@@ -0,0 +1,30 @@
+@mixin see-all-style {
+    margin: $see-all-margin;
+    display: flex;
+    a {
+        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;
+        &:hover,
+        &:focus {
+            background: $see-all-hover-bg;
+            color: $see-all-hover-color;
+            border-radius: $see-all-hover-radius;
+            border: $see-all-hover-border;
+        }
+    }
+}
+
+#content-core,
+#main-container {
+    margin-bottom: 0;
+}

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

@@ -0,0 +1,77 @@
+.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;
+    li {
+      list-style: none;
+      a {
+        display: block;
+        text-align: center;
+        text-decoration: none;
+        .image.d-block {
+          display: flex;
+          width: $quick-access-width;
+          height: $quick-access-height;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          margin: 0 auto;
+          background: $quick-access-background;
+          border-radius: $quick-access-border-radius;
+          box-shadow: $quick-access-shadow;
+          border: $quick-access-border;
+          svg {
+            width: $quick-access-svg-width;
+            height: auto;
+            fill: $quick-access-svg-color;
+          }
+        }
+
+        .table_title {
+          margin: $quick-access-item-title-margin;
+          span {
+            font-size: $quick-access-title-font-size;
+            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;
+          }
+        }
+      }
+    }
+  }
+}
+
+#container-section-quick-access {
+  @if $quick-access-enable-full-bg {
+    background: $quick-access-full-bg-color;
+    border: $quick-access-full-bg-border;
+    box-shadow: $quick-access-full-bg-shadow;
+  }
+  .row {
+    margin-bottom: 0;
+  }
+}

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

@@ -0,0 +1,52 @@
+body.template-block_view_with_images .block-menu-element {
+    a {
+        text-decoration: none;
+        .card-body {
+            background: #fff;
+            height: 180px;
+            border-radius: 15px 15px 15px 0px;
+            box-shadow: $block-small-shadow;
+            position: relative;
+            &::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;
+                &::after {
+                    // content: url(../svg/arrow-right-white.svg);
+                    background: $yellow;
+                    left: 0;
+                    bottom: 0;
+                    width: 50px;
+                    height: 50px;
+                    border-radius: 50%;
+                    text-align: center;
+                    position: absolute;
+                    margin: 1rem 1rem;
+    
+                }
+            }
+        }
+        h2.card-title {
+            &:hover,
+            &:focus {
+                text-decoration-color: $yellow;
+            }
+            font-size: $section-list-block-img-card-title;
+            text-transform: initial;
+            font-weight: bold;
+        }
+    }
+}

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

@@ -0,0 +1,74 @@
+body.template-block_view #content-core {
+    position: relative;
+    &::after {
+        content: "";
+        position: absolute;
+        width: 100vw;
+        background: #f7f7f7;
+        top: 0;
+        bottom: -10%;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: -2;
+    }
+}
+#block-quickaccess {
+    margin-top: calc(var(--bs-gutter-y) * 0);
+}
+.block-menu-element {
+    a {
+        text-decoration: none;
+        .card-body {
+            background: #fff;
+            height: 180px;
+            border-radius: 15px 15px 15px 0px;
+            box-shadow: $block-small-shadow;
+            transition: 1.2s;
+            position: relative;
+            &:hover,
+            &:focus {
+
+                box-shadow: $block-full-shadow;
+                h2.card-title {}
+                &::after {
+                    // content: url(../svg/arrow-right-white.svg);
+                    background: $yellow;
+                    left: 0;
+                    bottom: 0;
+                    width: 50px;
+                    height: 50px;
+                    border-radius: 50%;
+                    text-align: center;
+                    position: absolute;
+                    margin: 1rem 1rem;
+                    line-height: 50px;
+                }
+            }
+            &::after {
+                // content: url(../svg/arrow-right-yellow.svg);
+                background: transparent;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                text-align: center;
+                margin: 1rem 1rem;
+                line-height: 50px;
+                transition: 0.5s;
+            }
+        }
+        h2.card-title {
+            &:hover,
+            &:focus {
+                //border-bottom: $link-hover-decoration;
+                text-decoration-color: $yellow;
+            }
+
+            text-transform: initial;
+            font-weight: bold;
+        }
+    }
+}
+//HTML

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

@@ -0,0 +1,27 @@
+// Bla for démarches
+
+/* démarches */
+
+.subsection-demarches-infos-pratiques .list-menu-element.col-12 {
+    margin-bottom: 1rem;
+}
+.subsection-demarches-infos-pratiques .list-menu-element .newsImage.card-img-left {
+    width: 3rem;
+    height: 3rem;
+    border: 3px solid lightgrey;
+    border-radius: 90%;
+    background-size: 70%;
+    background-repeat: no-repeat;
+    margin-top: -0.5rem;
+}
+.subsection-demarches-infos-pratiques .list-menu-element a {
+    text-decoration: none;
+}
+.subsection-demarches-infos-pratiques .list-menu-element h2.list-card-title {
+    font-weight: 500;
+    font-size: 1.75rem;
+}
+.subsection-demarches-infos-pratiques .list-menu-element .list-card-body {
+    width: 75%;
+}
+// end for bla

package/src/scss/list/_list.scss

@@ -0,0 +1,61 @@
+.list-group {
+    .list-group-item {
+        border-bottom: $border-width solid $gray;
+        position: relative;
+        .tileHeadline {
+            a::after {
+                content: "";
+                top: 0;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                position: absolute;
+                z-index: 1;
+            }
+            &:hover,
+            &:focus {
+                .summary {
+                    border-bottom: $link-hover-decoration;
+                }
+                &::after {
+                    // content: url(../svg/arrow-right-white.svg);
+                    background: $yellow;
+                    position: absolute;
+                    right: 0;
+                    width: 50px;
+                    height: 50px;
+                    border-radius: 50%;
+                    text-align: center;
+                    line-height: 50px;
+                }
+            }
+            &::after {
+                // content: url(../svg/arrow-right-yellow.svg);
+                background: #fff;
+                position: absolute;
+                right: 0;
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                text-align: center;
+                line-height: 50px;
+            }
+        }
+        .summary {
+            &:hover,
+            &:focus {
+                border-bottom: $link-hover-decoration;
+            }
+            text-decoration: none;
+            text-transform: uppercase;
+            font-weight: bold;
+
+        }
+    }
+}
+//HTML
+body .list-group {
+    .list-group-item {
+        border: none !important;
+    }
+}

package/src/scss/main.scss

@@ -0,0 +1,84 @@
+//// VARIABLES
+$roboto-base-path: "@theme/assets/fonts/";
+@import "./variables";
+
+// Plone Barceloneta Styling & components
+
+// Plone colors
+@import "@plone/plonetheme-barceloneta-base/scss/variables.colors.plone";
+
+// Plone specific default variables & properties
+@import "@plone/plonetheme-barceloneta-base/scss/variables.properties";
+@import "@plone/plonetheme-barceloneta-base/scss/variables.barceloneta";
+
+@import "@plone/plonetheme-barceloneta-base/scss/base";
+
+@import "@plone/plonetheme-barceloneta-base/scss/mixins/mixin.portlets.plone";
+@import "@plone/plonetheme-barceloneta-base/scss/mixins/mixin.font.plone";
+
+// Plone components
+@import "@plone/plonetheme-barceloneta-base/scss/cards";
+@import "@plone/plonetheme-barceloneta-base/scss/scaffolding";
+
+// // style.scss
+@import "@plone/plonetheme-barceloneta-base/scss/icons";
+@import "@plone/plonetheme-barceloneta-base/scss/header";
+
+// @import "@plone/plonetheme-barceloneta-base/scss/sitenav";
+@import "@plone/plonetheme-barceloneta-base/scss/breadcrumbs";
+@import "@plone/plonetheme-barceloneta-base/scss/content";
+@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";
+
+@import "@plone/plonetheme-barceloneta-base/scss/roboto-webfont";
+
+// @import "@plone/plonetheme-barceloneta-base/scss/barceloneta";
+
+///// Common
+@import "./common/com-cookies";
+@import "./common/com-edition";
+@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";
+@import "./list/list-block-img";
+@import "./list/list-img";
+@import "./list/list";
+///// Base
+@import "./mixin";
+@import "./general";
+@import "./fonts";
+@import "./sitenav";
+@import "./sub-sitenav";
+@import "./header";
+@import "./edition";
+@import "./swiper";
+@import "./print";
+@import "./swiper";
+@import "./trucaverif";
+
+//// Sections
+@import "./sections/se-textes";
+@import "./sections/se-contact";
+@import "./sections/se-file";
+@import "./sections/se-gallery";
+@import "./sections/se-link";
+@import "./sections/se-linked-content";
+@import "./sections/se-plan";
+
+// Home page
+@import "./homepage/general-home";
+@import "./homepage/banner";
+@import "./homepage/quick-access";
+@import "./homepage/a-la-une";
+@import "./homepage/actualites";
+@import "./homepage/events";
+@import "./homepage/album";