bootstrap-italia 2.12.1 → 2.13.1

package/src/scss/custom/_modal.scss

@@ -1,248 +0,0 @@
-.modal {
-  padding-right: 0 !important;
-  .modal-dialog {
-    margin: $modal-margin;
-    .modal-content {
-      border: none;
-      box-shadow: $dialog-shadow;
-      .modal-header {
-        padding: $modal-padding;
-        padding-bottom: 0;
-        .close {
-          padding: $modal-padding-close;
-        }
-        h5 {
-          color: $modal-heading-color;
-        }
-      }
-      .modal-body {
-        padding: $modal-padding;
-        padding-bottom: 0;
-      }
-      .modal-footer {
-        padding: $modal-padding * 0.5 $modal-padding;
-      }
-    }
-  }
-  //alert variation
-  &.alert-modal {
-    .modal-dialog {
-      .modal-content {
-        .modal-header {
-          justify-content: left;
-          align-items: start;
-          .icon {
-            fill: $modal-icon-color;
-            margin-right: $modal-icon-distance;
-            flex-shrink: 0;
-          }
-        }
-      }
-    }
-  }
-  // link list variation
-  &.it-dialog-link-list {
-    .modal-dialog {
-      .modal-content {
-        .modal-header {
-          border-bottom: $modal-heading-border;
-          padding-bottom: $modal-padding;
-          h5 {
-            text-transform: none;
-            font-weight: 700;
-            letter-spacing: inherit;
-
-            span {
-              color: $primary;
-              margin-right: $v-gap * 0.5;
-            }
-          }
-        }
-        .modal-body {
-          .link-list-wrapper {
-            .link-list {
-              margin-bottom: 0;
-              padding-bottom: $modal-padding;
-            }
-          }
-        }
-      }
-    }
-  }
-  //Popconfirm variation
-  &.popconfirm-modal {
-    .modal-dialog {
-      max-width: $modal-popconfirm-max-width;
-      margin-right: auto;
-      margin-left: auto;
-      .modal-content {
-        border-radius: $border-radius;
-      }
-      .modal-header {
-        padding-top: $v-gap * 2;
-        margin-bottom: -$v-gap * 0.5;
-      }
-      .modal-body {
-        padding-top: $v-gap * 2;
-        p {
-          font-size: $modal-popconfirm-p-size-mobile;
-          margin-bottom: $v-gap * 1.5;
-        }
-      }
-      .modal-footer {
-        padding-bottom: $v-gap * 3;
-      }
-    }
-  }
-  // scrollable variation
-  &.it-dialog-scrollable {
-    .modal-dialog {
-      margin: $v-gap * 13 $modal-margin;
-      .modal-content {
-        display: flex;
-        flex-direction: column;
-        height: calc(100vh - #{$v-gap * 26});
-        .modal-header {
-          padding-bottom: $modal-padding;
-          background: $modal-sticky-bg;
-          flex-shrink: 0;
-        }
-        .modal-body {
-          padding-top: 0;
-          padding-bottom: $modal-padding;
-          overflow-y: auto;
-        }
-        .modal-footer {
-          flex-shrink: 0;
-          background: $modal-sticky-bg;
-        }
-      }
-      &.modal-dialog-left {
-        height: 100vh;
-        margin: 0 $v-gap * 3 0 0;
-        .modal-content {
-          height: 100vh;
-        }
-      }
-      &.modal-dialog-right {
-        height: 100vh;
-        margin: 0 0 0 $v-gap * 3;
-        float: right;
-        .modal-content {
-          height: 100vh;
-        }
-      }
-    }
-  }
-  // transition left
-  &.fade {
-    .modal-dialog {
-      &.modal-dialog-left {
-        transform: translateX(-100%);
-        transition: transform 0.3s ease-in-out;
-      }
-      &.modal-dialog-right {
-        transform: translateX(100%);
-        transition: transform 0.3s ease-in-out;
-      }
-      &.modal-dialog-centered {
-        transform: translate(0, -5%);
-      }
-    }
-    &.show {
-      .modal-dialog {
-        &.modal-dialog-left {
-          transform: translateX(0);
-        }
-        &.modal-dialog-right {
-          transform: translateX(0);
-        }
-        &.modal-dialog-centered {
-          transform: translate(0, 0);
-        }
-      }
-    }
-  }
-}
-
-//small - tablet
-@include media-breakpoint-up(sm) {
-  .modal {
-    //Popconfirm variation
-    &.popconfirm-modal {
-      .modal-dialog {
-        .modal-body {
-          p {
-            font-size: $modal-popconfirm-p-size;
-          }
-        }
-      }
-    }
-  }
-}
-
-//Tablet vertical
-@include media-breakpoint-up(md) {
-  .modal {
-    .modal-dialog {
-      margin-left: auto;
-      margin-right: auto;
-      &.modal-dialog-left {
-        margin: 0;
-        .modal-content {
-          height: 100vh;
-        }
-      }
-      &.modal-dialog-right {
-        margin: 0;
-        float: right;
-        .modal-content {
-          height: 100vh;
-        }
-      }
-    }
-    &.it-dialog-scrollable {
-      .modal-dialog {
-        margin: $v-gap * 8 auto;
-        .modal-content {
-          height: calc(100vh - #{$v-gap * 16});
-        }
-      }
-    }
-  }
-}
-
-//Tablet horizontal / small desktop
-@include media-breakpoint-up(lg) {
-  //modal
-
-  //alert variation
-  .alert-modal {
-    .modal-dialog {
-      .modal-content {
-        .modal-body {
-          p {
-            padding-left: $modal-alert-p-distance;
-          }
-        }
-      }
-    }
-  }
-}
-
-.modal-content,
-.modal-header {
-  @include border-radius($reset-border-radius);
-}
-
-.modal-body {
-  color: $color-text-base;
-}
-
-.modal-footer {
-  position: relative;
-  background-color: $white;
-  &.modal-footer-shadow {
-    box-shadow: 0 15px 25px 5px rgb(0, 0, 0, 0.3);
-  }
-}

package/src/scss/custom/_popover.scss

@@ -1,106 +0,0 @@
-//mobile
-.popover {
-  border: none;
-  border-radius: $border-radius;
-  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
-
-  &.bs-popover-top {
-    margin-bottom: $v-gap * 2;
-    .popover-arrow {
-      &:after {
-        bottom: 2px;
-      }
-    }
-  }
-  &.bs-popover-bottom {
-    margin-top: $v-gap * 2;
-    .popover-arrow {
-      &:after {
-        top: 2px;
-      }
-    }
-  }
-  &.bs-popover-left {
-    margin-right: $v-gap * 2;
-    .popover-arrow {
-      &:after {
-        right: 2px;
-      }
-    }
-  }
-  &.bs-popover-right {
-    margin-left: $v-gap * 2;
-    .popover-arrow {
-      &:after {
-        left: 2px;
-      }
-    }
-  }
-  .popover-arrow {
-    &:before {
-      display: none;
-    }
-  }
-  //title
-  .popover-header {
-    background: none;
-    border: none;
-    text-transform: uppercase;
-    color: $color-text-base;
-    font-size: 1rem;
-    padding: $v-gap * 2 $v-gap * 3 0;
-    letter-spacing: 0.05em;
-    font-weight: 600;
-    //title icon
-    .icon {
-      fill: $primary;
-      margin-right: $v-gap;
-      height: $v-gap * 3;
-      width: $v-gap * 3;
-    }
-  }
-  //text
-  .popover-body {
-    font-size: 0.875rem;
-    line-height: 1.5em;
-    color: $color-text-secondary; // UI Kit
-    padding: $v-gap * 2 $v-gap * 3;
-    //inner bottom link
-    a.popover-inner-link {
-      text-transform: uppercase;
-      letter-spacing: 0.05em;
-      display: block;
-      margin-top: $v-gap * 2;
-      font-size: 0.857em;
-      text-align: right;
-      font-weight: 700;
-      text-decoration: none;
-      &:hover {
-        color: $primary;
-        text-decoration: underline;
-      }
-      //link icon
-      .icon {
-        fill: $primary;
-        height: $v-gap * 2;
-        width: $v-gap * 2;
-        margin-left: $v-gap * 0.5;
-        margin-bottom: $v-gap * 0.5;
-      }
-    }
-  }
-}
-
-//small - tablet
-@include media-breakpoint-up(sm) {
-  .popover {
-    //title
-    .popover-header {
-      font-size: 0.875rem;
-    }
-    //text
-    .popover-body {
-      font-size: 0.75rem;
-    }
-  }
-}

package/src/scss/custom/_progress-bars.scss

@@ -1,70 +0,0 @@
-//mobile
-
-//indetrminate animation
-@keyframes progressBarIndeterminate {
-  0% {
-    left: -5%;
-  }
-  50% {
-    width: 66%;
-  }
-  100% {
-    left: 100%;
-    width: 33%;
-  }
-}
-
-//background bar
-.progress {
-  height: 4px;
-  box-shadow: none;
-  &.progress-color {
-    background-color: $color-background-secondary-lighter; // UI Kit
-  }
-  &.progress-indeterminate {
-    position: relative;
-    .progress-bar {
-      width: 0;
-      animation: progressBarIndeterminate 1.4s cubic-bezier(0.77, 0, 0.175, 1) infinite forwards;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-    }
-  }
-}
-
-//progress bar
-.progress-bar {
-  background-color: $secondary; // UI Kit
-}
-
-//label
-.progress-bar-label {
-  text-align: right;
-  font-size: 0.75rem;
-  color: $color-text-base;
-  font-weight: 500;
-}
-
-//button version
-.btn-progress {
-  .progress {
-    display: block;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    left: 0;
-    border-radius: 0 0 $btn-border-radius $btn-border-radius;
-  }
-  .progress-bar {
-    height: 4px;
-  }
-}
-
-//small - tablet
-@include media-breakpoint-up(sm) {
-  //label
-  .progress-bar-label {
-    font-size: 0.75rem;
-  }
-}

package/src/scss/custom/_tables.scss

@@ -1,11 +0,0 @@
-.table {
-  @include media-breakpoint-up(lg) {
-    font-size: 1.125rem;
-  }
-  //table styles go here
-  .table-dark {
-    a {
-      color: $white;
-    }
-  }
-}

package/src/scss/custom/_timepicker.scss

@@ -1,252 +0,0 @@
-.calendar-input-container {
-  z-index: 1;
-}
-
-#error_container {
-  color: #8b0000;
-  font-weight: 700;
-}
-
-.off-screen {
-  clip: rect(0, 0, 0, 0);
-  overflow: hidden;
-  position: absolute;
-  z-index: 0;
-}
-
-.error_container {
-  color: #8b0000;
-  font-weight: 700;
-  font-size: 0.75rem;
-  position: absolute;
-  margin-top: -12px;
-}
-
-.error-label {
-  color: #8b0000;
-}
-
-/*SPINNER*/
-
-.spinner-control > div .ui-spinner {
-  display: block;
-  text-align: center;
-}
-
-.spinner-control > div button {
-  background-color: transparent;
-  border: 1px solid transparent;
-}
-
-.spinner-control > div button:hover {
-  border: 1px solid #777;
-  cursor: pointer;
-}
-
-// start override
-.it-timepicker-wrapper {
-  .form-group label {
-    left: 0;
-  }
-
-  label.pickerlabel {
-    color: $gray-secondary;
-    font-weight: 600;
-    line-height: $input-height;
-    transition: 0.2s ease-out;
-    top: 1rem;
-    font-size: $small-font-size;
-    cursor: text;
-    display: block;
-    width: 100%;
-    padding: 0 $input-spacing-x;
-    z-index: 6;
-  }
-
-  .calendar-input-container {
-    position: relative;
-    display: flex;
-
-    .form-group {
-      padding-bottom: 0;
-      width: 100%;
-      display: flex;
-      flex-direction: row;
-
-      margin-bottom: 0;
-    }
-
-    &:after {
-      content: '';
-      display: block;
-      height: 1px;
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-      background: $dp-label-color;
-      transform-origin: bottom;
-      transition: all 0.3s;
-      left: 0;
-    }
-
-    input.form-control {
-      border-bottom: none;
-      background: transparent;
-      color: $dp-label-color;
-
-      flex: 1;
-
-      &::placeholder {
-        color: $dp-label-color;
-      }
-    }
-
-    .btn-time {
-      border: none;
-      background: transparent;
-      // margin-right: $v-gap;
-
-      &:hover {
-        svg {
-          fill: $primary;
-        }
-      }
-
-      svg {
-        fill: $dp-label-color;
-        transition: all 0.3s;
-      }
-    }
-  }
-
-  .time-spinner {
-    position: relative;
-  }
-
-  .spinner-control {
-    position: absolute;
-    padding: $v-gap * 3;
-    left: 0;
-    width: 100%;
-    background: #fff;
-    box-shadow: $dp-shadow;
-    border-top: $dp-border-bottom;
-    display: none;
-    margin-top: -2px;
-
-    .spinner {
-      float: left;
-      position: relative;
-
-      &:not(:last-child) {
-        margin-right: $v-gap * 3;
-      }
-
-      .button-wrapper {
-        position: absolute;
-        right: 0;
-        top: 0;
-        display: flex;
-        bottom: 0;
-        flex-direction: column;
-
-        button {
-          position: relative;
-          flex-basis: 50%;
-
-          .icon-up {
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 0;
-            height: 0;
-            left: 1px;
-            border-style: solid;
-            border-width: 0 5px 6px 5px;
-            border-color: transparent transparent #000000 transparent;
-            display: block;
-          }
-
-          .icon-down {
-            position: absolute;
-            top: 50%;
-            transform: translateY(-50%);
-            width: 0;
-            height: 0;
-            left: 1px;
-            border-style: solid;
-            border-width: 6px 5px 0 5px;
-            border-color: #000000 transparent transparent transparent;
-            display: block;
-          }
-        }
-      }
-    }
-
-    input {
-      color: $dp-label-color;
-      max-width: $v-gap * 10;
-      border: none;
-      border-bottom: $dp-border-bottom;
-      background: transparent;
-      border-radius: 0;
-      font-weight: 600;
-      box-shadow: none;
-    }
-
-    input[type='number'] {
-      -moz-appearance: textfield;
-    }
-
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-    }
-  }
-}
-
-// Theme: dark
-.it-timepicker-wrapper.theme-dark {
-  .calendar-input-container {
-    &:after {
-      content: '';
-      background: $dp-label-color;
-    }
-
-    input.form-control {
-      background: transparent;
-
-      &::placeholder {
-        color: $dp-label-color;
-      }
-    }
-
-    .btn-time {
-      background: transparent;
-    }
-  }
-
-  .spinner-control {
-    background: $primary;
-
-    .spinner {
-      .button-wrapper {
-        button {
-          .icon-up {
-            border-color: transparent transparent #fff transparent;
-          }
-
-          .icon-down {
-            border-color: #fff transparent transparent transparent;
-          }
-        }
-      }
-    }
-
-    input {
-      color: #fff;
-      border-bottom: 1px solid #fff;
-      background: transparent;
-    }
-  }
-}

package/src/scss/custom/_tooltip.scss

@@ -1,33 +0,0 @@
-//mobile
-.tooltip {
-  border-radius: $border-radius;
-  font-size: 0.75rem;
-
-  //hide arrow
-  .tooltip-arrow {
-    display: none;
-  }
-  //text
-  .tooltip-inner {
-    padding: 7px $v-gap * 2;
-    background-color: $color-background-emphasis;
-    @include media-breakpoint-up(md) {
-      .tooltip-inner {
-        padding: 4.5px $v-gap;
-      }
-    }
-    a {
-      color: $white;
-      text-decoration: underline;
-    }
-  }
-  //padding
-  &.bs-tooltip-top,
-  &.bs-tooltip-bottom {
-    padding: $v-gap 0;
-  }
-  &.bs-tooltip-left,
-  &.bs-tooltip-right {
-    padding: 0 $v-gap;
-  }
-}

package/src/scss/custom/_version.scss

@@ -1,3 +0,0 @@
-:root {
-  --bootstrap-italia-version: '2.12.1';
-}