@imiobe/plonetheme-smartweb-base 0.0.4 → 0.0.5

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/main.scss

@@ -44,6 +44,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";
@@ -80,10 +82,3 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./homepage/actualites";
 @import "./homepage/events";
 @import "./homepage/album";
-
-
-
-
-// body{
-//     background: blue;
-// }

package/src/scss/sections/_se-contact.scss

@@ -114,6 +114,12 @@
                 width: 100%;
                 margin-bottom: 1em;
             }
+            .contact_leadimage {
+                aspect-ratio: 16/9;
+            }
+            .portrait{
+                aspect-ratio: $section-contact-portrait-ration;
+            }
             .schedule{
                 .table_schedule {
                     &--active {
@@ -127,271 +133,14 @@
         }
     } 
 }
-    
-
 .img-portrait{
     .contact_leadimage {
         padding-top: 110%;
         background-position: top center;
     }
 }
-
-// .section-contact {
-//     padding: 3rem 0;
-//     .contact-type-organization {
-//         @include media-breakpoint-up(sm) {
-//             column-count: 2;
-//             max-width: max-content;
-//             column-gap: 2rem;
-//         }
-
-//         span {
-//             color: $primary;
-//             display: block;
-//             font-size: 18px;
-//             font-weight: bold;
-//             padding: 0.7rem 0;
-//         }
-
-//         ul {
-//             padding: 0;
-//             break-inside: avoid-column;
-//             li {
-//                 list-style: none;
-//                 line-height: 1.5;
-
-//                 a {
-//                     text-decoration: none;
-//                     word-break: break-word;
-
-//                     &:focus,
-//                     &:hover {
-//                         text-decoration: underline;
-//                     }
-//                 }
-//             }
-
-//             &> {
-
-//                 .website,
-//                 .home,
-//                 .cell {
-//                     margin-top: .5rem;
-//                 }
-//             }
-
-//             &> {
-
-//                 .website~.website,
-//                 .home~.home,
-//                 .cell~.cell {
-//                     margin-top: 0;
-//                 }
-//             }
-//         }
-
-//         &>div {
-//             break-inside: avoid-column;
-//             margin: $section-contact-p-margin;
-//             max-width: $section-contact-width;
-
-//             &:first-child {
-//                 margin-top: 0;
-//             }
-//             h2{
-//                 font-size: $section-contact-title-size;
-//                 color: $section-contact-title-color;
-//             }
-//             h3{
-//                 font-size: $section-contact-sub-title-size;
-//             }
-//         }
-
-//         .schedule {
-//             .table_schedule {
-//                 position: absolute;
-//                 z-index: 99;
-//                 background: rgb(243, 243, 243) none repeat scroll 0% 0%;
-//                 padding: 1.3rem 2rem;
-//                 box-shadow: rgba(0, 0, 0, 0.02) 0px 0.2px 2.2px, rgba(0, 0, 0, 0.027) 0px 0.5px 5.3px, rgba(0, 0, 0, 0.035) 0px 0.9px 10px, rgba(0, 0, 0, 0.043) 0px 1.6px 17.9px, rgba(0, 0, 0, 0.05) 0px 2.9px 33.4px, rgba(0, 0, 0, 0.07) 0px 7px 80px;
-//                 border-radius: 10px;
-//                 margin-top: 0.5rem;
-
-//                 &--active {
-//                     display: table-cell;
-//                 }
-//             }
-//         }
-//     }
-// }
-// .sectioncontact {
-//     h3 {
-//     font-size: $section-contact-sub-title-size;
-//     }
-//     ul{
-//         list-style: none;
-//     }
-// }
-// // Oppening info
-// a.opening_informations {
-//     display: block !important;
-// }
-
-// .body-section table tr:nth-child(even),
-// #tinymce table tr:nth-child(even) {
-//     background: #f7f7f7;
-// }
-
-// .body-section table tr,
-// #tinymce table tr {
-//     border-bottom: 1px solid #e8e8e8;
-//     &:last-child{
-//         border-bottom: transparent;
-//     }
-// }
-// .body-section table td, #tinymce table td {
-//     padding: 0.5rem 0.2rem;
-//     vertical-align: top;
-// }
-
-// // for bla
-// .section-contact {
-//     position: relative;
-
-//     // &:after {
-//     //     content: "";
-//     //     position: absolute;
-//     //     width: 50vw;
-//     //     left: 0;
-//     //     top: 0;
-//     //     bottom: 0;
-//     //     z-index: -1;
-//     //     background: #F3F3F3;
-//     //     transform: translateX(-98%);
-//     // }
-// }
-
-// // in sub-site
-// .is-in-subsite {
-//     .section-contact {
-//         position: relative;
-
-//         &:after {
-//             content: "";
-//             position: absolute;
-//             width: 50vw;
-//             left: 0;
-//             top: 0;
-//             bottom: 0;
-//             z-index: -1;
-//             background: #F3F3F3;
-//             transform: translateX(-98%);
-//         }
-//     }
-// }
-
-// // for élus 
-
-// .subsection-vie-politique .section-contact {
-//     background: #fff;
-// }
-
-// .subsection-vie-politique .sectioncontact .section-container:after {
-//     display: none;
-// }
-
-// .subsection-vie-politique .contact_logo,
-// .subsection-vie-politique .contact_leadimage {
-//     padding-top: 120%;
-//     width: 100%;
-//     background-position: top;
-// }
-
-
-// //// A vérif vient du custom
-// .sectioncontact{
-//     position:relative;
-// }
-// .section-contact .body-section{
-//     column-count: auto;
-// }
-// .is-in-subsite .section-contact,
-// .section-contact {
-//     position: initial;
-// }
-// .section-contact .body-section > div {
-//     max-width: 100%;
-//     float:left;
-//     margin-right:1.75rem;
-// }
-// .section-contact .body-section .contact_titles {
-//     width: 100%;
-//     margin-bottom:0;
-// }
-
-// #content .sectioncontact .section-container.section-contact .body-section .contact_titles{
-//     float:none;
-// }
-// #content .sectioncontact .section-container.section-contact .body-section .contact_titles h2 {
-//     font-size: 1.5rem;
-//     color: black;
-// }
-// .section-contact .contact-type-organization span {
-//     color: inherit;
-//     display: block;
-//     font-size: inherit;
-//     font-weight: normal;
-//     padding: 0;
-// }
-
-
-// /// de manu
-// $color-contact-text: #656565;
-// .contact-type-position{
-//     .section-contact {
-//         padding: 0;
-//     }
-//     .contact_logo {
-//         border-radius: 8px;
-//         width: 100%;
-//         padding-top: 100%;
-//         margin-bottom: 1em;
-//     }
-//     h2 {
-//     font-size: $font-size-base;
-//     font-weight: bold;
-//     margin-bottom: 0;
-//     }
-//     .contact_informations h3.informations,
-//     .contact_address h3 {
-//     font-size: $font-size-base;
-//     font-weight: bold;
-//     margin-bottom: 0;
-//     color: $primary-accessibility;
-//    }
-//     div.contact_titles div.contact_subtitle {
-//         font-size: $font-size-base;
-//     }
-//     .contact_informations {
-//         ul li {
-//             font-size: $font-size-sm;
-//             &::marker {
-//             display: none !important;
-//             color: transparent;
-//             }
-//             a {
-//                 color: $color-contact-text;
-//             }
-//         }
-//     }
-//     .contact_address {
-//         >span {
-//             font-size: $font-size-sm;
-//             color: $color-contact-text;
-//             display: block;
-//         }
-//     }
-//     .contact_titles {
-//         margin: 0 0 1em 0;
-//     }
-// }
+.contact_informations{
+    a{
+        display: block;
+    }
+}

package/src/scss/sections/_se-file.scss

@@ -87,8 +87,6 @@
     }
     li {
         margin: 1.25rem 0;
-        @include last-item-no-margin-bottom;
-        @include first-item-no-margin-top;
     }
     .section_files_link {
         border: solid 1px rgba(255, 255, 255, 0.25);
@@ -172,4 +170,23 @@
 
 .header-section {
     flex: 100%;
-}
+}
+
+
+.portaltype-imio-smartweb-page #content .sectionfiles ul.row,
+.portaltype-imio-smartweb-procedure #content .sectionfiles ul.row {
+    margin-left: 0;
+}
+.portaltype-imio-smartweb-procedure .sectionfiles:after,
+.portaltype-imio-smartweb-page .sectionfiles:after {
+    transform: translateX(0vw);
+}
+
+
+
+// .portaltype-imio-smartweb-procedure .sectionfiles a.table_image .table_title span::before,
+// .portaltype-imio-smartweb-page .sectionfiles a.table_image .table_title span::before {
+//     content: "\e80e";
+//     font-family: fontello;
+//     margin-right: 0.5rem;
+// }

package/src/scss/sections/_se-gallery.scss

@@ -2,3 +2,18 @@
 .section-gallery {
     padding-bottom: 2rem;
 }
+
+.section-gallery {
+    padding-left: 0;
+    padding-right: 0;
+ }
+ .sectiongallery .flexbin {
+     gap: 5px;
+ }
+ .sectiongallery .flexbin.flexbin-margin {
+    margin: 0;
+ }
+ .sectiongallery .flexbin > * {
+     margin: 0;
+ }
+ 

package/src/scss/sections/_se-link.scss

@@ -71,11 +71,6 @@
             margin-right: 1.5rem;
         }
     }
-    li {
-        margin: 1.25rem 0;
-        @include last-item-no-margin-bottom;
-        @include first-item-no-margin-top;
-    }
     .section_files_link {
         border: solid 1px rgba(255, 255, 255, 0.25);
         border-radius: 10px 10px 10px 0px;

package/src/scss/sections/_se-textes.scss

@@ -194,6 +194,7 @@ blockquote::before {
   font-size: 32px;
   font-weight: 600;
   line-height: 0;
+  margin-right: .75rem;
 }
 
 blockquote::after {
@@ -204,6 +205,7 @@ blockquote::after {
   font-size: 32px;
   font-weight: 600;
   line-height: 0;
+  margin-left: 0.5rem;
 }
 
 strong {

package/src/scss/variables.scss

@@ -49,8 +49,9 @@ $enable-title-uppercase: false !default;
 $home-section-title-margin:0 0 2rem 0 !default;
 $home-section-title-padding:0 !default;
 $home-section-title-align:left !default;
-
 $section-padding-top:0 !default;
+$to-portal-link-color:#282828!default;
+$img-placeholder:#F2F2F2!default;
 //swiper
 $swiper-icon-color: #000 !default;
 $swiper-button-height: 45px !default;
@@ -90,9 +91,15 @@ $nav-link-open-color: #fff !default;
 $nav-link-font-size: initial !default;
 $nav-link-font-weight: 500 !default;
 $nav-link-drop-color:#000 !default;
-$nav-link-drop: 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 fill="black" 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="#{url-encoded-color($nav-link-drop-color)}"/></svg>') !default;
+$nav-link-drop: 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="#{url-encoded-color($nav-link-drop-color)}"/></svg>') !default;
+$nav-link-drop-color-mobile:#000 !default;
+$nav-link-drop-mobile: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=\"6\" height=\"9\"><path fill=\"%23000\" d=\"M0.256056 8.20064C0.175109 8.12308 0.110695 8.02993 0.0666899 7.92682C0.0226851 7.82371 -3.21599e-08 7.71275 -3.70604e-08 7.60064C-4.19609e-08 7.48853 0.0226851 7.37758 0.0666899 7.27447C0.110695 7.17135 0.175109 7.07821 0.256056 7.00064L3.11006 4.22064L0.256055 1.43664C0.177451 1.35858 0.11525 1.26558 0.0731093 1.16312C0.030969 1.06067 0.00974056 0.950818 0.0106723 0.840037C0.011604 0.729257 0.034677 0.619781 0.0785346 0.518048C0.122392 0.416314 0.186149 0.324378 0.266055 0.247643C0.428692 0.0905508 0.64545 0.00192103 0.871559 6.00434e-05C1.09767 -0.00180095 1.31586 0.0832488 1.48106 0.237643L4.94806 3.62264C5.02845 3.70052 5.09236 3.79377 5.13599 3.89685C5.17963 3.99992 5.20209 4.11071 5.20206 4.22264C5.16148 4.43857 5.07485 4.64321 4.94806 4.82264L1.48106 8.20064C1.31659 8.35962 1.0968 8.44849 0.868056 8.44849C0.639315 8.44849 0.41952 8.35962 0.255056 8.20064L0.256056 8.20064Z\" /></svg>")!default;
 $nav-first-level-gap: 30px !default;
 $nav-first-level-uppercase: true !default;
+$nav-quick-link-color:$primary;
+$nav-quick-link-size:18px!default;
+$nav-quick-link-weight: bold!default;
+$nav-quick-link-padding:0!default;
 $nav-sub-link-font-size: $nav-link-font-size !default;
 $nav-sub-link-font-weight: $nav-link-font-weight !default;
 $nav-overlay-radius:$global-radius !default;
@@ -129,6 +136,7 @@ $banner-content-is-vertical-center: true !default;
 $banner-content-title-font-size: 50px !default;
 $banner-content-title-color: black !default;
 $banner-content-title-text-transform: initial !default;
+$banner-content-text-align:left!default;
 $banner-content-description-font-size: 18px !default;
 $banner-content-description-color: black !default;
 
@@ -185,7 +193,7 @@ $a-la-une-title-color: $font-title-color !default;
 $a-la-une-title-align:$home-section-title-align !default;
 $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: #c1c1c1 !default;
+$a-la-une-text-bg: rgb(244, 244, 244) !default;
 $a-la-une-item-image-margin:0 !default;
 $a-la-une-item-title-color:$primary !default;
 $a-la-une-item-title-font-size:$h3-font-size !default;
@@ -210,10 +218,10 @@ $actu-title-margin: $home-section-title-margin !default;
 $actu-title-padding: $home-section-title-padding !default;
 $actu-image-margin-bottom: 0.7rem !default;
 $actu-image-border-radius: $global-radius !default;
-$actu-item-bg-color:red !default;
+$actu-item-bg-color:rgb(244, 244, 244) !default;
 $actu-item-bg-radius:$global-radius+2 !default;
 $actu-category-margin: 0 0 0.3rem 0 !default;
-$actu-category-padding: 0 !default;
+$actu-category-padding: 0 1rem !default;
 $actu-category-color: $primary !default;
 $actu-category-bg-color: #000 !default;
 $actu-category-text-transform: uppurcase !default;
@@ -221,13 +229,13 @@ $actu-category-font-size: 14px !default;
 $actu-category-font-weight: initial !default;
 $actu-category-radius: $global-radius !default;
 $actu-item-title-margin: 1rem 0 !default;
-$actu-item-title-padding: 0 !default;
+$actu-item-title-padding: 0 1rem !default;
 $actu-item-title-color: initial !default;
 $actu-item-title-text-transform: initial !default;
 $actu-item-title-font-size: $h3-font-size !default;
 $actu-item-title-font-weight: initial !default;
 $actu-date-margin: 0 !default;
-$actu-date-padding: 0 !default;
+$actu-date-padding: 0 1rem !default;
 $actu-date-color: $primary !default;
 $actu-date-font-size: 14px !default;
 $actu-see-all-justify-content: $see-all-justify-content !default;
@@ -243,10 +251,10 @@ $event-title-margin: $home-section-title-margin !default;
 $event-title-padding: $home-section-title-padding !default;
 $event-image-margin-bottom: 0.7rem !default;
 $event-image-border-radius: $global-radius !default;
-$event-item-bg-color:red !default;
+$event-item-bg-color:rgb(244, 244, 244) !default;
 $event-item-bg-radius:$global-radius+2 !default;
 $event-category-margin: 0 0 0.3rem 0 !default;
-$event-category-padding: 0 !default;
+$event-category-padding: 0 1rem !default;
 $event-category-color: $primary !default;
 $event-category-bg-color: #000 !default;
 $event-category-text-transform: uppurcase !default;
@@ -254,13 +262,13 @@ $event-category-font-size: 14px !default;
 $event-category-font-weight: initial !default;
 $event-category-radius: $global-radius !default;
 $event-item-title-margin: 1rem 0 !default;
-$event-item-title-padding: 0 !default;
+$event-item-title-padding: 0 1rem !default;
 $event-item-title-color: initial !default;
 $event-item-title-text-transform: initial !default;
 $event-item-title-font-size: $h3-font-size !default;
 $event-item-title-font-weight: initial !default;
 $event-date-margin: 0 !default;
-$event-date-padding: 0 !default;
+$event-date-padding: 0 1rem !default;
 $event-date-color: $primary !default;
 $event-date-font-size: 14px !default;
 $event-see-all-justify-content: $see-all-justify-content !default;
@@ -278,7 +286,7 @@ $album-title-margin: $home-section-title-margin !default;
 $album-title-padding: $home-section-title-padding !default;
 $album-image-margin-bottom: 0.7rem !default;
 $album-image-border-radius: $global-radius !default;
-$album-item-bg-color:red !default;
+$album-item-bg-color:rgb(244, 244, 244) !default;
 $album-item-bg-radius:$global-radius+2 !default;
 $album-category-margin: 0 0 0.3rem 0 !default;
 $album-category-padding: 0 !default;
@@ -300,21 +308,7 @@ $album-date-color: $primary !default;
 $album-date-font-size: 14px !default;
 $album-see-all-justify-content: $see-all-justify-content !default;
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+/////////////// interne ///////////////
 
 //*// SECTION TEXTE
 $font-size-texte: $font-size-base !default;
@@ -346,12 +340,12 @@ $section-contact-title-size:$h2-font-size;
 $section-contact-sub-title-size:$font-size-lg;
 $section-contact-title-color:$primary;
 $section-contact-p-margin:1rem 0;
-$section-contact-width: 260px;
+$section-contact-portrait-ration:4/5;
 
 // section-files
-$section-file-background-color: $primary;
-$enable-full-width-section-files: true;
-$enable-light-color-section-files: true;
+$section-file-background-color: $primary !default;
+$enable-full-width-section-files: true !default;
+$enable-light-color-section-files: true !default;
 
 // section-link
 $section-link-background-color: #F8F8F8;
@@ -373,4 +367,17 @@ $list-group-item-padding-x : 0px;
 
 $message-info:#27789c;
 $message-warning:#c06d01;
-$message-error:#ae2609;
+$message-error:#ae2609;
+
+//NEW VARIABLES MANU 
+//ACTU
+$actu-item-title-align: left !default;
+$actu-date-align: left !default;
+$actu-description-align: left !default;
+$actu-description-font-family: $font-family-base !default;
+
+//QUICK ACCESS
+$quick-access-title-font-family: $font-family-title !default;
+
+//SEE ALL
+$see-all-font-family: $font-family-title !default;