design-comuni-plone-theme 8.0.0-alpha.37

package/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss

@@ -0,0 +1,213 @@
+.block.iconBlocks {
+  .full-width {
+    height: auto;
+  }
+
+  .ui.basic.button.delete-button {
+    top: -0.2rem;
+    padding: 0.2rem;
+    border-radius: 100%;
+    line-height: 1rem;
+
+    svg:not(:hover) {
+      fill: #fff !important;
+    }
+
+    &:hover,
+    &:active {
+      background-color: #fff !important;
+    }
+  }
+
+  .background-image {
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-position: top center;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    &:after {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background-color: rgba($primary, 0.85);
+      content: '';
+    }
+  }
+
+  .block-header {
+    .title {
+      margin: 1rem 0 2rem 0;
+      color: #fff;
+      font-size: 2.35rem;
+      font-weight: bold;
+      line-height: 3rem;
+      text-align: center;
+
+      .DraftEditor-root {
+        .public-DraftEditor-content {
+          text-align: center;
+        }
+
+        .public-DraftEditorPlaceholder-root {
+          width: 100%;
+          text-align: center;
+        }
+      }
+    }
+
+    .description {
+      margin-bottom: 2rem;
+      color: #fff;
+      line-height: 1.65em;
+      text-align: center;
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      a {
+        color: #fff;
+      }
+
+      .DraftEditor-root {
+        .public-DraftEditor-content {
+          text-align: center;
+        }
+
+        .public-DraftEditorPlaceholder-root {
+          width: 100%;
+          text-align: center;
+        }
+      }
+    }
+  }
+
+  .row > .col-lg-4 {
+    margin-bottom: 1rem;
+  }
+
+  .single-block.subblock-edit {
+    height: 100%;
+
+    .card-wrapper {
+      height: 100%;
+    }
+
+    &.subblock-draggable {
+      transform: unset;
+    }
+
+    .dragsubblock,
+    .ui.basic.button.delete-button {
+      z-index: 3;
+      padding: 0.3rem;
+      background-color: #8bb3b5 !important;
+      border-radius: 100%;
+      line-height: 1rem;
+
+      svg:not(:hover) {
+        fill: #fff !important;
+      }
+
+      &:hover,
+      &:active {
+        background-color: #a4dee1 !important;
+
+        svg {
+          fill: #000 !important;
+        }
+      }
+    }
+
+    .dragsubblock {
+      top: -0.75rem;
+      left: -0.55rem;
+    }
+
+    .ui.basic.button.delete-button {
+      top: -0.7rem;
+      width: unset;
+      height: unset;
+      padding: 0.36rem;
+      text-align: center;
+    }
+
+    .link-form-container {
+      .ui.input {
+        > input {
+          height: 2rem;
+        }
+      }
+    }
+  }
+
+  .card {
+    padding-top: 2.5rem;
+
+    .iconblock-icon {
+      margin-bottom: 2rem;
+      text-align: center;
+
+      .icon-placeholder {
+        display: inline-block;
+        width: 6rem;
+        height: 6rem;
+        padding: 0.5rem 1rem;
+        background-color: #ededed;
+        border-radius: 100%;
+        font-size: 0.8rem;
+        vertical-align: middle;
+      }
+
+      .icon {
+        width: 3.35rem;
+        height: auto;
+        color: $tertiary;
+      }
+    }
+
+    .iconblock-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      line-height: 1.8rem;
+      text-align: center;
+
+      .public-DraftEditor-content {
+        text-align: center;
+      }
+    }
+
+    .iconblock-text {
+      text-align: center;
+
+      .public-DraftEditor-content {
+        text-align: center;
+      }
+    }
+
+    a.read-more {
+      left: 0;
+      display: block;
+      width: 100%;
+      color: $gray-secondary;
+      text-align: center;
+    }
+  }
+
+  @media (max-width: #{map-get($grid-breakpoints, md)}) {
+    .card {
+      padding-top: 1rem;
+    }
+
+    .row > .col-lg-4 {
+      margin-bottom: 0;
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_imageBlock.scss

@@ -0,0 +1,15 @@
+.block.image {
+  .no-image-wrapper {
+    .toolbar-inner {
+      height: auto;
+
+      .input {
+        max-width: calc(100% - 16px);
+      }
+
+      @media (max-width: #{map-get($grid-breakpoints, md)}) {
+        flex-wrap: wrap;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_imageCardTextBlock.scss

@@ -0,0 +1,12 @@
+.block.testo_riquadro_immagine {
+  .card {
+    .card-body {
+      .card-text {
+        .DraftEditor-root * {
+          font-family: 'Lora, Georgia, serif';
+          font-size: 0.875rem;
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_inevidencetemplate.scss

@@ -0,0 +1,34 @@
+.in-evidence {
+  .in-evidence-cards-wrapper {
+    display: -ms-grid;
+    display: grid;
+    gap: 1.3rem;
+    -ms-grid-columns: 1fr 1.3rem 1fr 1.3rem 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
+  .card-wrapper {
+    &:first-child {
+      grid-column: 1;
+      grid-row: 1 / 3;
+    }
+  }
+
+  // smartphone
+  @media (max-width: 585px) {
+    .in-evidence-cards-wrapper {
+      .card-wrapper {
+        width: 100%;
+        margin: 0px;
+      }
+      display: block;
+      height: 100%;
+    }
+  }
+  // tablet
+  @media (max-width: 1367px) and (min-width: 586px) {
+    .in-evidence-cards-wrapper {
+      grid-template-columns: auto auto;
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_listing.scss

@@ -0,0 +1,58 @@
+.block.listing {
+  .full-width {
+    height: unset;
+
+    h2 {
+      @include rem-size(font-size, 32);
+      @include rem-size(line-height, 32);
+    }
+  }
+
+  .listing-item picture {
+    max-width: unset;
+    margin: 0;
+  }
+
+  .event-recurrences-more {
+    position: absolute;
+    bottom: $v-gap * 8;
+
+    display: flex;
+    align-items: center;
+    color: $body-color;
+    font-size: $card-category-size;
+    letter-spacing: $card-category-l-spacing;
+  }
+
+  .card-persona {
+    .card-image-wrapper {
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+
+      .card-image {
+        flex: 1 1 30%;
+
+        picture {
+          display: block;
+          min-width: 130px;
+        }
+      }
+    }
+  }
+
+  //* custom align button
+
+  .link-more-button-align-right {
+    display: flex;
+    align-items: center;
+    justify-content: right;
+    margin: 30px 0;
+  }
+
+  //* customizzazione: checkbox linea sotto al titolo
+  .title-bottom-line {
+    border-bottom: 1px solid #455b71;
+    padding-bottom: 15px;
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_mapTemplate.scss

@@ -0,0 +1,46 @@
+.block.listing .map-template {
+  .leaflet-container {
+    width: 100%;
+  }
+
+  .map-wrapper {
+    #geocoded-result {
+      z-index: 0;
+    }
+
+    &.size_small {
+      #geocoded-result {
+        height: 400px;
+        @media (max-width: #{map-get($grid-breakpoints, md)}) {
+          height: 250px;
+        }
+      }
+    }
+
+    &.size_medium {
+      #geocoded-result {
+        height: 550px;
+        @media (max-width: #{map-get($grid-breakpoints, md)}) {
+          height: 370px;
+        }
+      }
+    }
+
+    &.size_large {
+      #geocoded-result {
+        height: 700px;
+        @media (max-width: #{map-get($grid-breakpoints, md)}) {
+          height: 500px;
+        }
+      }
+    }
+  }
+
+  .template-skeleton {
+    .map-skeleton {
+      height: 300px;
+      background-color: $skeleton-bg;
+      @extend %skeleton-animation;
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_numbers.scss

@@ -0,0 +1,132 @@
+.block.numbersBlock {
+  color: #fff;
+
+  .full-width {
+    height: auto;
+  }
+
+  > .ui.basic.button.delete-button {
+    top: -0.2rem;
+    padding: 0.2rem;
+    border-radius: 100%;
+    line-height: 1rem;
+
+    svg:not(:hover) {
+      fill: #fff !important;
+    }
+
+    &:hover,
+    &:active {
+      background-color: #fff !important;
+    }
+  }
+
+  .background-image {
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-position: top center;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+    &:after {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(#000, 0.5);
+      content: '';
+    }
+  }
+
+  .single-block.subblock-edit {
+    .dragsubblock {
+      top: -1.2rem;
+      left: -0.75rem;
+    }
+
+    .ui.basic.icon.button.delete-button {
+      top: -1.2rem;
+    }
+  }
+
+  .block-header {
+    .icons {
+      margin-bottom: 0.5rem;
+
+      .icon {
+        width: auto;
+        height: 2.2rem;
+      }
+
+      .icon + .icon {
+        margin-left: 0.8rem;
+      }
+
+      &.placeholder {
+        color: $placeholder;
+
+        .placeholder-text {
+          margin-top: 0.5rem;
+          font-size: 0.9rem;
+        }
+      }
+    }
+
+    .title {
+      font-size: 2.25rem;
+      font-weight: bold;
+      line-height: 2.8rem;
+    }
+  }
+
+  .block-number {
+    .subblock-title {
+      font-size: 5.5rem;
+      font-weight: 500;
+      line-height: 1em;
+
+      .DraftEditor-root
+        .DraftEditor-editorContainer
+        .public-DraftEditor-content
+        span,
+      .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
+        font-family: $font-family-monospace !important;
+      }
+    }
+
+    .subblock-text {
+      font-size: 1.35rem;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+  }
+
+  @media (max-width: #{map-get($grid-breakpoints, xl)}) {
+    .block-header {
+      .icons {
+        .icon {
+          height: 2rem;
+        }
+      }
+
+      .title {
+        font-size: 2rem;
+        line-height: 2.5rem;
+      }
+    }
+
+    .block-number {
+      .subblock-title {
+        font-size: 5rem;
+      }
+
+      .subblock-text {
+        font-size: 1.2rem;
+        line-height: 1.35rem;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_photogallerytemplate.scss

@@ -0,0 +1,131 @@
+.photogallery {
+  margin: 40px 0;
+
+  .col-item {
+    margin-bottom: 22px;
+  }
+
+  .single-slide {
+    figure.img-wrapper {
+      height: auto;
+      max-height: 500px;
+
+      @media (max-width: #{map-get($grid-breakpoints, sm)}) {
+        max-height: 300px;
+      }
+    }
+  }
+
+  figure.img-wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-right: auto;
+    margin-left: auto;
+
+    picture.volto-image.responsive {
+      height: 300px;
+      max-height: 300px;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    figcaption {
+      padding: 0.5em 1em;
+      color: #666;
+      font-size: 0.8em;
+      text-align: center;
+    }
+  }
+
+  .title {
+    margin-bottom: 60px;
+  }
+
+  .slick-prev,
+  .slick-next {
+    top: calc(50% - 2rem - 5px);
+
+    &::before {
+      display: none;
+    }
+  }
+
+  .slick-arrow {
+    width: 25px;
+    height: 40px;
+
+    .icon {
+      width: 25px;
+      height: 40px;
+      color: lighten($primary, 40%);
+      fill: lighten($primary, 40%);
+    }
+    &:hover .icon {
+      color: $primary;
+      fill: $primary;
+    }
+
+    &.slick-prev {
+      left: -40px;
+      outline: none !important;
+
+      &:before {
+        content: none;
+      }
+    }
+
+    &.slick-next {
+      right: -40px;
+      outline: none !important;
+
+      &:before {
+        content: none;
+      }
+    }
+  }
+
+  .slick-dots {
+    position: unset;
+    bottom: unset;
+
+    ul {
+      padding: 0;
+      margin: 0;
+    }
+
+    .play-pause-wrapper {
+      text-align: left;
+
+      button {
+        border: none;
+        background: none;
+
+        .icon {
+          width: 1em;
+          height: 1em;
+          color: $link-color;
+        }
+      }
+    }
+  }
+
+  .slick-track {
+    display: flex;
+    align-items: center;
+  }
+
+  @media (max-width: #{map-get($grid-breakpoints, md)}) {
+    .slick-arrow.slick-prev {
+      left: -20px;
+    }
+
+    .slick-arrow.slick-next {
+      right: -20px;
+    }
+  }
+}

package/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss

@@ -0,0 +1,86 @@
+.ribbon-card-template {
+  .card {
+    .dates {
+      font-size: 0.8em;
+      text-transform: uppercase;
+    }
+
+    .etichetta {
+      position: absolute;
+      top: 3rem;
+      right: 0;
+      left: 0;
+      width: 100%;
+      justify-content: inherit;
+      padding: 0 3rem;
+
+      .icon {
+        margin-left: auto;
+      }
+    }
+
+    h3.card-title {
+      font-size: 1.3rem;
+      font-weight: 700;
+      line-height: 1.44444rem;
+
+      a {
+        text-decoration: none;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+
+    &.show_detail_link {
+      .card-title {
+        a {
+          color: $text-color;
+          text-decoration: none;
+
+          &:hover,
+          &:active {
+            color: $link-color;
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+  @include media-breakpoint-down(md) {
+    .card.card {
+      .flag-icon.flag-icon {
+        width: 20px;
+        height: 35px;
+        margin-left: 1.3em;
+
+        &::after {
+          border-left: 10px solid transparent;
+          border-right: 10px solid transparent;
+        }
+      }
+
+      .card-body {
+        padding: 1.3em;
+      }
+    }
+    .etichetta.etichetta {
+      width: 50%;
+      right: 0em !important;
+      left: auto;
+      top: 0.6em !important;
+      padding: 0em 0.5em;
+      font-size: 0.6rem;
+    }
+  }
+
+  @include media-breakpoint-between(md, xxl) {
+    .etichetta.etichetta {
+      width: 50%;
+      right: 0.5em !important;
+      left: auto;
+      padding: 0em 0.5em;
+    }
+  }
+}