design-comuni-plone-theme 10.4.1 → 10.4.2

package/src/theme/ItaliaTheme/Components/_diffField.scss

@@ -2,18 +2,19 @@ table.diffField {
   .previous-state,
   .current-state {
     display: flex;
-    white-space: break-spaces;
     width: 100% !important;
+    white-space: break-spaces;
     // padding: 2rem 1rem;
     .block.image img {
       max-width: calc(100% - $grid-gutter-width) !important;
       object-fit: contain;
     }
+
     .block.full-width,
     .full-width {
-      width: calc(100% - $grid-gutter-width) !important;
-      left: unset !important;
       right: unset !important;
+      left: unset !important;
+      width: calc(100% - $grid-gutter-width) !important;
       margin: 0 !important;
     }
     // calendar block
@@ -26,33 +27,37 @@ table.diffField {
         &.full-width {
           width: calc(100% - $grid-gutter-width) !important;
         }
-        margin: auto !important;
         left: 0 !important;
+        margin: auto !important;
+
         .icon-play {
           display: flex;
           align-items: center;
           justify-content: center;
+
           .icon.fa-icon.placeholder {
             position: relative;
             display: inline-flex;
             width: 2rem;
             height: 2rem;
+
             &:after,
             &:before {
-              content: '';
               position: absolute;
+              top: 7%;
+              right: 0;
               width: 0;
               height: 0;
               border-style: solid;
+              border-color: #333 transparent transparent transparent;
               border-top-width: 16px;
+              border-right-width: 10px;
               border-bottom-width: 16px;
               border-left-width: 10px;
-              border-right-width: 10px;
-              border-color: #333 transparent transparent transparent;
-              top: 7%;
+              content: '';
               rotate: -90deg;
-              right: 0;
             }
+
             &:after {
               border-color: white transparent transparent transparent;
             }
@@ -66,42 +71,48 @@ table.diffField {
       &:last-child {
         padding-top: 1rem !important;
       }
+
       &:first-child {
         padding-bottom: 1rem !important;
         border-bottom: 1px solid #ccc !important;
       }
     }
   }
+
   .current-state {
     ins {
+      display: inline-flex;
       background-color: lightgreen;
       text-decoration: none;
-      display: inline-flex;
     }
+
     .block.video .video-inner {
       ins {
+        position: relative;
         width: calc(100% + 12px);
         height: 300px;
 
-        position: relative;
         img {
-          width: calc(100% - 2 * $grid-gutter-width) !important;
           left: calc($grid-gutter-width/2);
+          width: calc(100% - 2 * $grid-gutter-width) !important;
         }
       }
     }
   }
+
   .current-state {
     picture ins {
       width: 100%;
+
       img {
         max-width: 100% !important;
-        object-fit: contain;
-        min-height: 200px;
         height: 200px;
+        min-height: 200px;
+        object-fit: contain;
       }
     }
   }
+
   .current-state {
     del {
       background: pink;

package/src/theme/ItaliaTheme/Components/_galleryPreview.scss

@@ -6,15 +6,15 @@
       padding-bottom: 10px;
 
       .modal-title {
-        text-transform: uppercase;
-        letter-spacing: 1.125px;
         font-weight: 600;
+        letter-spacing: 1.125px;
+        text-transform: uppercase;
       }
 
       .modal-close-button {
         button.close-button {
-          background-color: transparent;
           border: none;
+          background-color: transparent;
 
           svg {
             fill: $gray-400;
@@ -29,10 +29,10 @@
 
     .item-preview {
       position: relative;
-      margin-bottom: 1.25rem;
-      min-height: 72vh;
       display: flex;
+      min-height: 72vh;
       align-items: center;
+      margin-bottom: 1.25rem;
       text-align: center;
 
       img {
@@ -46,14 +46,14 @@
         position: absolute;
         z-index: 1;
         top: 50%;
-        border-radius: 100%;
-        transform: translateY(-50%);
-        height: 3.05rem;
-        width: 1.94rem;
         display: flex;
+        width: 1.94rem;
+        height: 3.05rem;
+        box-sizing: unset;
         align-items: center;
         justify-content: center;
-        box-sizing: unset;
+        border-radius: 100%;
+        transform: translateY(-50%);
 
         &.prev {
           left: -2.75rem;

package/src/theme/ItaliaTheme/Components/_mobileMenu.scss

@@ -120,8 +120,8 @@
         text-align: center;
 
         button.close-menu {
-          float: none;
           border-radius: 0;
+          float: none;
 
           &:focus {
             border-color: $focus-outline-color;

package/src/theme/ItaliaTheme/Components/_navscroll.scss

@@ -11,6 +11,7 @@
         li {
           @include rem-size(font-size, 18);
           @include rem-size(line-height, 28);
+
           a {
             span {
               // @include rem-size(font-size, 18);
@@ -18,6 +19,7 @@
               text-decoration: none;
             }
           }
+
           a.nav-link.active {
             span {
               font-weight: 700;

package/src/theme/ItaliaTheme/Components/_pageHeader.scss

@@ -19,20 +19,21 @@
       margin-bottom: 0;
     }
   }
+
   .readingtime-dates {
     small {
+      color: $caption-text;
       font-size: 0.7rem;
       font-weight: 400;
       line-height: 0.8rem;
-      color: $caption-text;
     }
 
     p.font-monospace {
+      margin-top: 0.2em;
+      color: $body-color;
       font-size: 1rem;
-      line-height: 1.16rem;
       letter-spacing: 0.96px;
-      color: $body-color;
-      margin-top: 0.2em;
+      line-height: 1.16rem;
     }
   }
 }

package/src/theme/ItaliaTheme/Components/_scrollToTop.scss

@@ -23,6 +23,7 @@ body.cms-ui {
       }
     }
   }
+
   &.has-sidebar-collapsed {
     .scroll-to-top {
       .btn {

package/src/theme/ItaliaTheme/Components/_sharing.scss

@@ -13,8 +13,8 @@
           align-items: center;
 
           .icon {
-            height: 28px;
             width: 28px;
+            height: 28px;
             margin-right: 0.5em;
           }
         }

package/src/theme/ItaliaTheme/Components/_sideMenu.scss

@@ -1,19 +1,22 @@
 .page-side-menu {
   .menu-wrapper {
     width: 100%;
+
     .accordion-wrapper {
       .accordion {
         border-bottom: none;
+
         .accordion-header {
-          width: 100%;
           display: block;
+          width: 100%;
+
           button.accordion-button {
-            border: none;
-            background: transparent;
-            width: 100%;
             display: flex;
+            width: 100%;
             align-items: center;
             justify-content: space-between;
+            border: none;
+            background: transparent;
 
             h3 {
               padding: 0px;
@@ -33,14 +36,15 @@
           .accordion-header {
             button.accordion-button {
               .accordion-title {
-                padding-bottom: 1.3em;
                 padding-top: 1.3em;
+                padding-bottom: 1.3em;
               }
             }
           }
         }
       }
     }
+
     .navbar.it-navscroll-wrapper {
       .menu-wrapper {
         padding: 0;

package/src/theme/ItaliaTheme/Components/_subsiteFooter.scss

@@ -2,8 +2,8 @@
   background-color: $primary;
 
   .text {
-    color: $primary-text;
     padding: 3.5em 0;
+    color: $primary-text;
 
     h1,
     h2,

package/src/theme/ItaliaTheme/Print/_all_pages.scss

@@ -12,8 +12,8 @@
 
     .content-area,
     .public-ui {
-      page-break-before: avoid;
       page-break-after: avoid;
+      page-break-before: avoid;
       page-break-inside: avoid;
     }
 
@@ -25,6 +25,7 @@
     .it-header-navbar-wrapper {
       display: none;
     }
+
     .it-header-center-wrapper {
       background: none;
 
@@ -56,9 +57,10 @@
 
     /* Removed link list in PageHeader*/
     .PageHeaderWrapper {
-      page-break-before: avoid;
       page-break-after: avoid;
+      page-break-before: avoid;
       page-break-inside: avoid;
+
       .link-list-wrapper {
         display: none;
       }
@@ -66,6 +68,7 @@
     /* Removed max-height from accordion block*/
     .block.accordion {
       display: flex !important;
+
       .accordion-item,
       .accordion-content,
       .accordion-inner {

package/src/theme/ItaliaTheme/Print/_bandi.scss

@@ -1,9 +1,9 @@
 .contenttype-bando {
-	@media print {
-		.it-page-sections-container {
-			#allegati {
-				display: none;
-			}
-		}
-	}
-}
+  @media print {
+    .it-page-sections-container {
+      #allegati {
+        display: none;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Print/_event.scss

@@ -1,12 +1,13 @@
 .contenttype-event {
-	@media print {
-		.it-page-sections-container {
-			#documenti {
-				display: none;
-			}
-			#appuntamenti {
-				display: none;
-			}
-		}
-	}
+  @media print {
+    .it-page-sections-container {
+      #documenti {
+        display: none;
+      }
+
+      #appuntamenti {
+        display: none;
+      }
+    }
+  }
 }

package/src/theme/ItaliaTheme/Print/_news_items.scss

@@ -1,19 +1,19 @@
 .contenttype-news-item {
-	@media print {
-		.it-page-sections-container {
-			#documenti-allegati {
-				display: none;
-			}
+  @media print {
+    .it-page-sections-container {
+      #documenti-allegati {
+        display: none;
+      }
 
-			#luoghi {
-				.card-teaser {
-					.card-body {
-						.card-text {
-							display: none;
-						}
-					}
-				}
-			}
-		}
-	}
-}
+      #luoghi {
+        .card-teaser {
+          .card-body {
+            .card-text {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Print/_persona.scss

@@ -1,9 +1,9 @@
 .contenttype-persona {
-	@media print {
-		.it-page-sections-container {
-			#documenti {
-				display: none;
-			}
-		}
-	}
-}
+  @media print {
+    .it-page-sections-container {
+      #documenti {
+        display: none;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Print/_servizio.scss

@@ -1,9 +1,9 @@
 .contenttype-servizio {
-	@media print {
-		.it-page-sections-container {
-			#correlati {
-				display: none;
-			}
-		}
-	}
-}
+  @media print {
+    .it-page-sections-container {
+      #correlati {
+        display: none;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Views/_bando.scss

@@ -7,6 +7,7 @@
             font-weight: 700;
           }
         }
+
         &.card {
           padding: 0.8em;
         }

package/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss

@@ -37,6 +37,7 @@ $docs-section-margin: 3em;
         &.has-children {
           padding-bottom: 1em;
         }
+
         .description {
           font-size: 0.9rem;
         }
@@ -47,6 +48,7 @@ $docs-section-margin: 3em;
           justify-content: space-between;
           padding: 0.4em 0;
           gap: 4rem;
+
           .title-wrap {
             flex: 1;
 
@@ -54,6 +56,7 @@ $docs-section-margin: 3em;
               font-size: 1.2em;
               font-weight: 500;
             }
+
             p.description {
               margin: 0;
             }
@@ -84,26 +87,27 @@ $docs-section-margin: 3em;
           }
 
           a.modulistica-link {
-            display: flex;
             position: relative;
-            align-items: center;
-            justify-content: space-between;
+            display: flex;
             height: fit-content;
             flex-shrink: 0;
+            align-items: center;
+            justify-content: space-between;
 
             svg.icon.fa-icon {
               width: 1.6rem;
               height: 1.6rem;
-              font-size: 1.3rem;
               order: 2;
               margin-right: 1.15rem;
               margin-left: 0.25rem;
+              font-size: 1.3rem;
             }
+
             svg.external-link {
-              order: 1;
-              right: 0;
-              top: -2px;
               position: absolute;
+              top: -2px;
+              right: 0;
+              order: 1;
             }
           }
         }
@@ -118,6 +122,7 @@ $docs-section-margin: 3em;
             color: $primary;
             font-size: 1rem;
           }
+
           button {
             padding: 0 0.4em;
             border: none;
@@ -129,6 +134,7 @@ $docs-section-margin: 3em;
             }
           }
         }
+
         .accordion-content {
           overflow: hidden;
           height: auto;
@@ -181,18 +187,22 @@ $docs-section-margin: 3em;
             align-items: center;
             justify-content: unset;
             gap: 2rem;
+
             &.link-to-doc {
               align-items: unset;
               gap: 0.5rem;
+
               .title-wrap,
               a.modulistica-link {
                 flex-basis: 100%;
+
                 svg.icon.fa-icon {
-                  margin-left: 0;
                   margin-right: 1.25rem;
+                  margin-left: 0;
                 }
               }
             }
+
             .title-wrap {
               &.single-row {
                 max-width: none;
@@ -201,11 +211,13 @@ $docs-section-margin: 3em;
 
             &.modulo {
               justify-content: space-between;
+
               .title,
               .downloads {
                 flex-basis: unset;
               }
             }
+
             .title,
             .downloads {
               flex: 1 1 unset;

package/src/theme/ItaliaTheme/Views/_common.scss

@@ -228,11 +228,12 @@ div.sticky-wrapper {
     .card-title {
       a {
         font-size: 1rem;
+        font-weight: 600;
         text-decoration: none;
         @include rem-size(line-height, 24);
-        font-weight: 600;
       }
     }
+
     svg {
       fill: $link-color;
     }
@@ -305,8 +306,8 @@ div.sticky-wrapper {
 }
 
 #view .it-carousel-wrapper .it-header-block .it-header-block-title h2.h4 {
-  border-bottom: none;
   padding-bottom: 0;
+  border-bottom: none;
 }
 
 form.ui.form.vertical-form fieldset.invisible {
@@ -332,8 +333,8 @@ dl.trasparenza-fields {
 }
 
 #metadata {
-  font-family: $font-family-serif;
   color: $gray-secondary;
+  font-family: $font-family-serif;
   @include rem-size(font-size, 16px);
   @include rem-size(line-height, 24px);
 }

package/src/theme/ItaliaTheme/Views/_embeddedVideo.scss

@@ -40,8 +40,8 @@
       left: 50%;
       width: 3.6rem;
       height: 2.5rem;
-      background-color: rgba(0, 0, 0, 0.7);
       border-radius: 15px;
+      background-color: rgba(0, 0, 0, 0.7);
 
       color: $white;
       cursor: pointer;

package/src/theme/ItaliaTheme/Views/_evento.scss

@@ -11,6 +11,7 @@ body.contenttype-event {
     .point-list-aside.point-list-warning {
       width: 7.5rem;
     }
+
     .point-list-content {
       .card {
         .card-body {

package/src/theme/ItaliaTheme/Views/_faqFolder.scss

@@ -60,6 +60,7 @@ body.contenttype-faqfolder {
           .accordion-button[data-bs-toggle='collapse'][aria-expanded='false'] {
             color: $primary;
           }
+
           .accordion-button[data-bs-toggle='collapse']:before {
             width: 2.5rem;
           }

package/src/theme/ItaliaTheme/Views/_paginaArgomento.scss

@@ -48,6 +48,7 @@ $header-image-argomento-height-mobile: 300px;
 
   .card {
     border-radius: 4px 0px 0px 4px;
+
     &::after {
       content: none;
     }

package/src/theme/ItaliaTheme/Views/_puntoDiContatto.scss

@@ -2,6 +2,7 @@ body.contenttype-puntodicontatto {
   .mr-1 {
     margin-right: 0.5rem;
   }
+
   .ml-1 {
     margin-left: 0.5rem;
   }

package/src/theme/ItaliaTheme/Views/_servizio.scss

@@ -4,11 +4,13 @@
       .calendar-date-day {
         span.title-xxlarge-regular {
           font-family: 'Roboto Mono', monospace;
+
           .calendar-date-description {
             .calendar-date-description-content {
               color: $body-color;
             }
           }
+
           .calendar-date-description:before {
             width: 0px;
             height: 0%;
@@ -32,10 +34,11 @@
           fill: $link-color;
           @include margin-size(margin-right, 20);
         }
+
         a {
-          text-decoration: none;
           font-size: 1rem;
           font-weight: 600;
+          text-decoration: none;
         }
       }
     }