@imiobe/plonetheme-smartweb-base 0.0.5 → 0.1.0

package/src/scss/common/_com-react.scss

@@ -1,69 +1,81 @@
-.portaltype-imio-smartweb-newsview{
-    .r-content-news-info-schedul{
-      .icon-baseline{
-          display: none;
-      } 
-      .dpinlb{
-          display: block;
-          .r-content-date{
-              & > div{
-                  display: flex;
-                  gap: 10px;
-                  font-size: 15px;
-                  font-weight: 500;
-                  .r-card-date-last{
-                    &:before{
-                        content: "-";
-                        margin-right: 10px;
-                    }
-                  }
-              }
+.portaltype-imio-smartweb-newsview {
+  .r-content-news-info-schedul {
+    .icon-baseline {
+      display: none;
+    }
+
+    .dpinlb {
+      display: block;
+
+      .r-content-date {
+        & > div {
+          display: flex;
+          gap: 10px;
+          font-size: 15px;
+          font-weight: 500;
+
+          .r-card-date-last {
+            &::before {
+              content: "-";
+              margin-right: 10px;
+            }
           }
+        }
       }
     }
-    .r-content-text{
-        margin-top: 1rem;
-    }
+  }
+
+  .r-content-text {
+    margin-top: 1rem;
+  }
 }
 
 .r-wrapper .r-result {
-    margin-top: 0!important;
+  margin-top: 0 !important;
 }
 
 // delete bla eyes
 
 .r-actu-wrapper::after {
-    display: none!important;
+  display: none !important;
 }
 
 // style back button
 
-.r-content > button{
-    background: transparent;
-    margin: 1rem 0;
-    border: 0px;
-    display: flex;
-    align-items: center;
-    &::before{
-        content: "";
-        width: 9px;
-        height: 6px;
-        display: block;
-        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\"  width=\"8.444\" height=\"5.2\"><path d=\"M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z\" fill=\"%23000\"/></svg>");
-        background-size: contain;
-        background-position: center;
-        background-repeat: no-repeat;
-        margin-right: 0.4rem;
-        transform: rotate(90deg);
-    }
+.r-content > button {
+  background: transparent;
+  margin: 1rem 0;
+  border: 0;
+  display: flex;
+  align-items: center;
+
+  &::before {
+    content: "";
+    width: 9px;
+    height: 6px;
+    display: block;
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  width="8.444" height="5.2"><path d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z" fill="%23000"/></svg>');
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-right: 0.4rem;
+    transform: rotate(90deg);
+  }
 }
 
 .r-search a {
-    text-decoration: none;
- }
- 
-.portaltype-imio-smartweb-eventsview, .portaltype-imio-smartweb-directoryview{
-    header#content-header {
-        z-index: 9;
-    }
-}
+  text-decoration: none;
+}
+
+.portaltype-imio-smartweb-eventsview,
+.portaltype-imio-smartweb-directoryview {
+  header#content-header {
+    z-index: 9;
+  }
+}
+
+.r-wrapper {
+  .r-content-text ul {
+    padding-left: 2rem;
+  }
+}

package/src/scss/common/_messviewlet.scss

@@ -1,77 +1,95 @@
 #messagesviewlet .portalMessage.info,
 #localmessagesviewlet .portalMessage.info {
-	background-color: $primary;
+  background-color: $primary;
 }
+
 #messagesviewlet .portalMessage,
 #localmessagesviewlet .portalMessage {
-	align-items: center;
+  align-items: center;
 }
+
 #messagesviewlet,
 #localmessagesviewlet {
-	float: none;
-	.portalMessage {
-		margin: 1rem 0;
-		display: block;
-		max-width: 1320px;
-		margin: 0 auto;
-		color: white;
-		padding: .5rem .75rem;
-		border-radius: 5px;
-		margin-bottom: .5rem;
-		a {
-			color: #fff;
-		}
-		p:first-of-type {
-			display: inline;
-			padding-right: 0.7rem;
-		}
-		.close-button {
-			width: 26px;
-			height: 26px;
-			display: block;
-			background: transparent;
-			display: inline-block;
-			white-space: nowrap;
-			top: 0;
-			bottom: inherit;
-			transform: none;
-			margin-top: 0.35rem;
-			&::after {
-				background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
-				background-size: 50%;
-			}
-			&:hover,
-			&:focus {
-				&:after {
-					opacity: .7;
-				}
-			}
-		}
-		.messagesviewlet-type {
-			color: #fff;
-			padding: 0;
-			margin: 0;
-			font-weight: bold;
-			background: transparent !important;
-			&::after {
-				content: ":";
-				margin-left: 1px;
-			}
-		}
-	}
+  float: none;
+  padding-top: 0;
+
+  .portalMessage {
+    display: block;
+    max-width: 1320px;
+    margin: 0 auto;
+    color: white;
+    padding: 0.5rem 0.75rem;
+    border-radius: 5px;
+    margin-bottom: 0.5rem;
+    margin-top: 0.5rem;
+
+    a {
+      color: #fff;
+    }
+
+    p:first-of-type {
+      display: inline;
+      padding-right: 0.7rem;
+    }
+
+    .close-button {
+      width: 26px;
+      height: 26px;
+      background: transparent;
+      display: inline-block;
+      white-space: nowrap;
+      top: 0;
+      bottom: inherit;
+      transform: none;
+      margin-top: 0.35rem;
+
+      &::after {
+        content: "" !important;
+        background: transparent
+          url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+          center/1em auto no-repeat;
+        background-size: 50%;
+      }
+
+      &:hover,
+      &:focus {
+        &::after {
+          opacity: 70%;
+        }
+      }
+    }
+
+    .messagesviewlet-type {
+      color: #fff;
+      padding: 0;
+      margin: 0;
+      font-weight: bold;
+      background: transparent !important;
+
+      &::after {
+        content: ":";
+        margin-left: 1px;
+      }
+    }
+  }
 }
+
 #messagesviewlet {
-	grid-area: messageviewlet;
+  grid-area: messageviewlet;
 }
+
 #localmessagesviewlet {
-	grid-area: localmessageviewlet;
+  grid-area: localmessageviewlet;
 }
+
 .portalMessage.info {
-	background: #27789c;
+  background: #27789c;
 }
+
 .portalMessage.warning {
-	background: #c06d01;
+  background: #c06d01;
 }
+
 .portalMessage.error {
-	background: #ae2609;
-}
+  background: #ae2609;
+}

package/src/scss/homepage/_a-la-une.scss

@@ -1,45 +1,53 @@
 .a-la-une {
   position: relative;
+
   @include media-breakpoint-down(lg) {
     padding-bottom: 0;
   }
+
   .container {
     padding-right: 0;
     padding-left: 0;
   }
+
   .section-title {
     color: $a-la-une-title-color;
     margin: $a-la-une-title-margin;
     padding: $a-la-une-title-padding;
     text-align: $a-la-une-title-align;
   }
-  .swiper{
+
+  .swiper {
     z-index: 0;
   }
+
   .swiper-slide {
     a {
       text-decoration: none;
     }
-    &>a {
+
+    & > a {
       @include media-breakpoint-up(lg) {
         display: grid;
         grid-template-columns: 60% 40%;
         grid-template-rows: auto 1fr;
       }
     }
+
     .swiper-image {
       border-radius: $a-la-une-item-image-radius;
+
       @include media-breakpoint-up(lg) {
         margin: $a-la-une-item-image-margin;
         padding-bottom: 60%;
-        grid-row-end: 3;
-        grid-row-start: 1;
+        grid-row: 1 / 3;
       }
     }
+
     .swiper_title {
-      font-size: $a-la-une-item-title-font-size;
       border-radius: $a-la-une-item-title-radius;
-      margin: 1rem 0 0 0;
+      margin: 1rem 0 0;
+
       @include media-breakpoint-up(lg) {
         align-self: start;
         padding: $a-la-une-item-title-padding;
@@ -48,14 +56,18 @@
         grid-column: 2;
         grid-row: 1;
       }
+
       h3 {
         color: $a-la-une-item-title-color;
+        font-size: $a-la-une-item-title-font-size;
       }
     }
+
     .swiper_description {
       color: $a-la-une-item-description-color;
       font-size: $a-la-une-item-description-font-size;
       border-radius: $a-la-une-item-description-radius;
+
       @include media-breakpoint-up(lg) {
         padding: $a-la-une-item-description-padding;
         margin: $a-la-une-item-description-margin;
@@ -63,16 +75,27 @@
         grid-column: 2;
         grid-row: 2;
       }
+
       // &:after {
+
       //   content: "";
+
       //   position: absolute;
+
       //   top: 3rem;
+
       //   width: calc(40% + 1.7rem);
+
       //   bottom: 0;
+
       //   right: 25px;
+
       //   opacity: .5;
+
       //   z-index: -1;
+
       //   box-shadow: rgba(0,0,0,.16) -10px 10px 36px 0,rgba(0,0,0,.06) 0 0 0 1px;
+
       // }
       p {
         color: $a-la-une-item-description-color;
@@ -85,16 +108,4 @@
     top: 50% !important;
     box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;
   }
-  .swiper-button-prev {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M14 17.75a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 0-1.06l5-5a.75.75 0 0 1 1.06 1.06L10.06 12l4.47 4.47a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22Z\" fill=\"%23D13A3A\"/></svg>");
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 50%;
-  }
-  .swiper-button-next {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M10 17.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06L13.94 12L9.47 7.53a.75.75 0 0 1 1.06-1.06l5 5a.75.75 0 0 1 0 1.06l-5 5a.74.74 0 0 1-.53.22Z\" fill=\"%23D13A3A\"/></svg>");
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 50%;
-  }
-}
+}

package/src/scss/homepage/_actualites.scss

@@ -1,108 +1,137 @@
-.sectionnews {
-  position: relative;
-  padding-top: $actu-section-padding-top;
-  padding-bottom: $actu-section-padding-bottom;
-  margin: $actu-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 $actu-section-full-width {
-      padding-right: calc(var(--bs-gutter-x) * 0.5);
-      padding-left: calc(var(--bs-gutter-x) * 0.5);
-    }
-  }
-  .section-title {
-    color: $actu-title-color;
-    margin: $actu-title-margin;
-    padding: $actu-title-padding;
-    text-align: $actu-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: $actu-item-bg-color;
-      border-radius: $actu-item-bg-radius;
-    }
-    .swiper-image {
-      margin-bottom: $actu-image-margin-bottom;
-      border-radius: $actu-image-border-radius;
-      width: 100%;
-    }
-    .swiper_category {
-      margin: $actu-category-margin;
-      span {
-        display: block;
-        padding: $actu-category-padding;
-        color: $actu-category-color;
-        background: $actu-category-bg-color;
-        font-size: $actu-category-font-size;
-        font-weight: $actu-category-font-weight;
-        text-transform: $actu-category-text-transform;
-        border-radius: $actu-category-radius;
-      }
-    }
-    .swiper_date {
-      padding: $actu-date-padding;
-      margin: $actu-date-margin;
-      color: $actu-date-color;
-      font-size: $actu-date-font-size;
-      text-align: $actu-date-align;
-    }
-    .swiper_title {
-      padding: $actu-item-title-padding;
-      margin: $actu-item-title-margin;
-      h3 {
-        color: $actu-item-title-color;
-        font-size: $actu-item-title-font-size;
-        font-weight: $actu-item-title-font-weight;
-        text-transform: $actu-item-title-text-transform;
-        text-align: $actu-item-title-align;
-      }
-    }
-    .swiper_description {
-      text-align: $actu-description-align;
-      font-family: $actu-description-font-family;
-    }
-  }
-  // .swiper-button-prev {
-  //   background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M14 17.75a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 0-1.06l5-5a.75.75 0 0 1 1.06 1.06L10.06 12l4.47 4.47a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
-  //   background-position: center;
-  //   background-repeat: no-repeat;
-  //   background-size: 50%;
-  // }
-  // .swiper-button-next {
-  //   background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M10 17.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06L13.94 12L9.47 7.53a.75.75 0 0 1 1.06-1.06l5 5a.75.75 0 0 1 0 1.06l-5 5a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
-  //   background-position: center;
-  //   background-repeat: no-repeat;
-  //   background-size: 50%;
-  // }
-}
-.swiper-pagination-bullet-active {
-  background: $primary !important;
-}
-// see all
-.sectionnews {
-  .see_all {
-    justify-content: $actu-see-all-justify-content;
-    @include see-all-style;
-  }
-}
+.sectionnews {
+  position: relative;
+  padding-top: $actu-section-padding-top;
+  padding-bottom: $actu-section-padding-bottom;
+  margin: $actu-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 $actu-section-full-width {
+        padding-right: calc(var(--bs-gutter-x) * 0.5);
+        padding-left: calc(var(--bs-gutter-x) * 0.5);
+      }
+    }
+  }
+
+  .section-title {
+    color: $actu-title-color;
+    margin: $actu-title-margin;
+    padding: $actu-title-padding;
+    text-align: $actu-title-align;
+  }
+
+  .swiper-slide {
+    height: auto;
+
+    a {
+      text-decoration: none;
+    }
+
+    & > a {
+      display: grid;
+      height: 100%;
+      place-items: start;
+      grid-auto-rows: min-content;
+      background: $actu-item-bg-color;
+      border-radius: $actu-item-bg-radius;
+    }
+
+    .swiper-image {
+      margin-bottom: $actu-image-margin-bottom;
+      border-radius: $actu-image-border-radius;
+      width: 100%;
+    }
+
+    .swiper_category {
+      margin: $actu-category-margin;
+
+      span {
+        display: block;
+        padding: $actu-category-padding;
+        color: $actu-category-color;
+        background: $actu-category-bg-color;
+        font-size: $actu-category-font-size;
+        font-weight: $actu-category-font-weight;
+        text-transform: $actu-category-text-transform;
+        border-radius: $actu-category-radius;
+      }
+    }
+
+    .swiper_date {
+      padding: $actu-date-padding;
+      margin: $actu-date-margin;
+      color: $actu-date-color;
+      font-size: $actu-date-font-size;
+      text-align: $actu-date-align;
+    }
+
+    .swiper_title {
+      padding: $actu-item-title-padding;
+      margin: $actu-item-title-margin;
+
+      h3 {
+        color: $actu-item-title-color;
+        font-size: $actu-item-title-font-size;
+        font-weight: $actu-item-title-font-weight;
+        text-transform: $actu-item-title-text-transform;
+        text-align: $actu-item-title-align;
+      }
+    }
+
+    .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-button-prev {
+
+  //   background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M14 17.75a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 0-1.06l5-5a.75.75 0 0 1 1.06 1.06L10.06 12l4.47 4.47a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
+
+  //   background-position: center;
+
+  //   background-repeat: no-repeat;
+
+  //   background-size: 50%;
+
+  // }
+
+  // .swiper-button-next {
+
+  //   background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path d=\"M10 17.75a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06L13.94 12L9.47 7.53a.75.75 0 0 1 1.06-1.06l5 5a.75.75 0 0 1 0 1.06l-5 5a.74.74 0 0 1-.53.22Z\" fill=\"%23FFC93C\"/></svg>");
+
+  //   background-position: center;
+
+  //   background-repeat: no-repeat;
+
+  //   background-size: 50%;
+
+  // }
+}
+
+// see all
+.sectionnews {
+  .see_all {
+    justify-content: $actu-see-all-justify-content;
+
+    @include see-all-style;
+  }
+}