bootstrap-italia 2.12.1 → 2.13.1

package/src/scss/custom/_accordion.scss

@@ -1,176 +0,0 @@
-$arrow-size: $font-size-base * 0.5;
-
-// collapse toggle
-/*.accordion-button {
-  .collapse-icon::before {
-    content: '';
-    display: inline-block;
-    width: 0;
-    height: 0;
-    border-top: $arrow-size solid;
-    border-right: $arrow-size solid transparent;
-    border-bottom: 0;
-    border-left: $arrow-size solid transparent;
-    vertical-align: $btn-padding-y * 0.5;
-  }
-  &.collapsed {
-    .collapse-icon::before {
-      transform: rotate(180deg);
-    }
-  }
-}*/
-
-//collapse wrapper
-.accordion {
-  border-bottom: 1px solid $gray-border; // UI kit;
-  .accordion {
-    border: 1px solid $gray-border; // UI kit;
-    border-top: 0;
-  }
-
-  //background active version
-  &.accordion-background-active {
-    .accordion-header {
-      .accordion-button[aria-expanded='true'] {
-        background-color: $primary;
-        color: $white;
-        border-color: $primary;
-        &:before {
-          color: $white;
-        }
-        &:after {
-          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='#{url-friendly-color($white)}' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
-        }
-      }
-    }
-  }
-
-  //background hover version
-  &.accordion-background-hover {
-    .accordion-header {
-      .accordion-button:hover {
-        background-color: $primary;
-        color: $white;
-        border-color: $primary;
-        &:before {
-          color: $white;
-        }
-        &:after {
-          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='#{url-friendly-color($white)}' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
-        }
-      }
-    }
-  }
-
-  //left icon version
-  &.accordion-left-icon {
-    .accordion-header {
-      .accordion-button {
-        &:after {
-          content: none;
-        }
-        &:before {
-          font-weight: 300;
-          content: '-';
-          float: left;
-          margin: 0 1rem 0.3333333333333333rem 0;
-          width: 1.5rem;
-          font-size: 1.5rem;
-          line-height: 1.2rem;
-          font-family: $font-family-sans-serif;
-          transform: none;
-          overflow: hidden;
-        }
-        &[aria-expanded='false'] {
-          &:before {
-            content: '+';
-          }
-        }
-      }
-    }
-  }
-}
-
-//item
-.accordion-item {
-  border: none;
-  &:first-of-type,
-  &:last-of-type {
-    border-radius: 0;
-    .accordion-button {
-      border-radius: 0;
-    }
-  }
-}
-
-//header
-.accordion-header {
-  position: relative;
-
-  .accordion-button {
-    width: 100%;
-    text-align: left;
-    border: 0;
-    background-color: transparent;
-    border-top: 1px solid $gray-border; // UI kit;
-    box-shadow: none;
-    padding: 14px 24px;
-    cursor: pointer;
-    color: $primary;
-    font-size: 1rem;
-    font-weight: 600;
-    line-height: 1.5rem;
-    @include media-breakpoint-up(lg) {
-      font-size: 1.125rem;
-    }
-    &:not(.collapsed) {
-      color: $gray-secondary;
-      &:after {
-        transform: scaleY(1);
-      }
-    }
-    &:not(.collapsed):hover:before,
-    &[aria-expanded='true']:hover:before {
-      text-decoration: none;
-    }
-    &:after {
-      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='#{url-friendly-color($primary)}' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
-      float: right;
-      width: 1.5rem;
-      height: auto;
-      line-height: 0.1rem;
-      color: $primary; // UI kit
-      transition: transform 0.3s;
-      background-image: none;
-      transform: scaleY(-1);
-    }
-    &:hover {
-      background: none;
-      text-decoration: underline;
-      &:after {
-        text-decoration: none;
-      }
-    }
-    &:active,
-    &:hover,
-    &:focus {
-      border-top-color: $gray-border; // UI kit !important;
-    }
-  }
-}
-
-// body
-.accordion-body {
-  padding: 12px 24px 42px;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  @include media-breakpoint-up(lg) {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-  }
-
-  .accordion-header button[aria-expanded='true']:before {
-    height: 0;
-    width: 0;
-  }
-}

package/src/scss/custom/_badge.scss

@@ -1,29 +0,0 @@
-.badge {
-  --bs-badge-font-size: 0.875em;
-  --bs-badge-font-weight: #{$font-weight-semibold};
-  transition:
-    color 0.15s ease-in-out,
-    background-color 0.15s ease-in-out,
-    border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-  @each $color, $value in $theme-colors {
-    &.badge-outline-#{$color} {
-      background-color: transparent !important;
-      color: $value;
-      border: 1px solid $value;
-    }
-  }
-  &.rounded-pill {
-    padding-left: 0.6em;
-    padding-right: 0.6em;
-  }
-}
-
-a.badge:hover {
-  color: $white;
-  @each $color, $value in $theme-colors {
-    &.bg-#{$color} {
-      background-color: shade-color($value, 20%) !important;
-    }
-  }
-}

package/src/scss/custom/_breadcrumb.scss

@@ -1,51 +0,0 @@
-.breadcrumb-container {
-  --bs-breadcrumb-font-size: 1rem;
-  .breadcrumb {
-    padding: $breadcrumb-padding 0;
-    border-radius: $breadcrumb-border-radius;
-    .breadcrumb-item {
-      padding-left: 0;
-      & + .breadcrumb-item:before {
-        display: none;
-      }
-      i {
-        padding-right: $breadcrumb-link-x-padding;
-      }
-      a {
-        color: $breadcrumb-link-color;
-        font-weight: $breadcrumb-link-font-weight;
-      }
-      &.active {
-        a {
-          font-weight: 400;
-          pointer-events: none;
-        }
-      }
-      span.separator {
-        color: $secondary;
-        display: inline-block;
-        font-weight: $breadcrumb-link-font-weight;
-        padding: 0 $breadcrumb-link-x-padding;
-      }
-    }
-    // dark version
-    &.dark {
-      background: $breadcrumb-bg-dark;
-      color: $breadcrumb-link-color-dark;
-      .breadcrumb-item {
-        a {
-          color: $breadcrumb-link-color-dark;
-        }
-        span.separator {
-          color: $breadcrumb-link-color-dark;
-        }
-        i {
-          color: $breadcrumb-icon-color-dark;
-        }
-        &.active {
-          color: $breadcrumb-link-color-dark;
-        }
-      }
-    }
-  }
-}

package/src/scss/custom/_buttons.scss

@@ -1,235 +0,0 @@
-.btn {
-  //btn-css-vars
-  --bs-btn-color: $primary;
-  --bs-btn-hover-color: $color-background-primary-hover;
-  --bs-btn-active-color: #003366; // TODO change with tokens when available
-  //btn-css-vars-end
-  padding: 12px 24px;
-  font-size: $btn-font-size;
-  white-space: initial;
-  text-decoration: none;
-  box-shadow: none;
-}
-
-.btn-me {
-  margin-right: $v-gap * 1.5 !important;
-}
-
-.btn-xs,
-.btn-sm,
-.btn-lg {
-  border-radius: $btn-border-radius;
-}
-
-.btn-xs {
-  padding: 12px 16px;
-  font-size: $btn-font-size-xs;
-  line-height: $input-btn-line-height-xs;
-}
-
-.btn-sm {
-  padding: 12px 24px;
-  font-size: $btn-font-size-sm;
-  line-height: $input-btn-line-height-sm;
-}
-
-.btn-lg {
-  padding: 16px 24px;
-  font-size: $btn-font-size-lg;
-  line-height: $input-btn-line-height-lg;
-}
-
-.btn-progress {
-  position: relative;
-}
-
-.btn-close {
-  background-color: transparent;
-  position: relative;
-  .icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-
-.btn-icon {
-  display: inline-flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-
-  .rounded-icon {
-    width: 1.5em;
-    height: 1.5em;
-
-    .icon {
-      margin-right: 0;
-    }
-
-    @include border-radius(12px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: $white;
-
-    @each $color, $value in $theme-colors {
-      &.rounded-#{$color} {
-        background-color: $value;
-      }
-    }
-
-    & + * {
-      margin-left: 0.5em;
-    }
-  }
-
-  .icon {
-    border: none;
-
-    width: 1.2em;
-    height: 1.2em;
-
-    & + * {
-      margin-left: 0.25em;
-    }
-  }
-}
-
-.btn-full {
-  border: none;
-  box-shadow: none;
-  line-height: 1.555;
-  @include border-radius(0);
-  // allow height 100%
-  align-self: stretch;
-  // height: 100%;
-  width: inherit;
-  margin-top: -$header-slim-button-v-padding;
-  margin-bottom: -$header-slim-button-v-padding;
-  margin-right: -$header-slim-button-v-padding;
-  padding-left: 8px;
-  padding-right: 8px;
-  &:hover {
-    text-decoration: none !important;
-  }
-
-  // Tablet vertical
-  @include media-breakpoint-up(sm) {
-    padding: 16px;
-  }
-
-  // Desktop
-  @include media-breakpoint-up(lg) {
-    padding: 12px 24px !important;
-    margin: 0;
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
-
-.btn:disabled:hover,
-.btn.disabled:hover {
-  cursor: not-allowed;
-}
-
-.btn-primary {
-  &:disabled,
-  &.disabled {
-    // color: $gray-label-disabled;
-    // background-color: $gray-disabled;
-    // border-color: $gray-border-disabled;
-    //progress bar button
-    &.btn-progress {
-      background-color: hsl(210, 76%, 67%); // UI kit - missing token
-      border-color: hsl(210, 76%, 67%); // UI kit - missing token
-      color: $white;
-      opacity: 1;
-    }
-  }
-}
-
-.btn-secondary {
-  &:disabled,
-  &.disabled {
-    //progress bar button
-    &.btn-progress {
-      background-color: hsl(210, 12%, 52%); // UI kit - missing tokens
-      border-color: hsl(210, 12%, 52%); // UI kit - missing tokens
-      opacity: 1;
-    }
-  }
-}
-
-.btn-outline {
-  &-primary {
-    box-shadow: inset 0 0 0 2px $primary;
-    &.disabled {
-      box-shadow: inset 0 0 0 2px color-hover($primary);
-    }
-  }
-  &-secondary {
-    box-shadow: inset 0 0 0 2px $secondary;
-    &.disabled,
-    &:hover,
-    &:active {
-      box-shadow: inset 0 0 0 2px color-hover($secondary);
-    }
-  }
-  &-success {
-    box-shadow: inset 0 0 0 2px $success;
-    &.disabled,
-    &:hover,
-    &:active {
-      box-shadow: inset 0 0 0 2px color-hover($success);
-    }
-  }
-  &-warning {
-    box-shadow: inset 0 0 0 2px $color-border-warning;
-    &.disabled,
-    &:hover,
-    &:active {
-      box-shadow: inset 0 0 0 2px color-hover($color-border-warning);
-    }
-  }
-  &-danger {
-    box-shadow: inset 0 0 0 2px $danger;
-    &.disabled,
-    &:hover,
-    &:active {
-      box-shadow: inset 0 0 0 2px color-hover($danger);
-    }
-  }
-}
-
-.bg-dark {
-  .btn-link {
-    color: $white;
-  }
-  .btn-primary {
-    @include button-variant($white, $primary, tint-color($white, 7.5%), shade-color($primary, 10%), tint-color($white, 10%), shade-color($primary, 12.5%));
-    color: $primary;
-    &.disabled,
-    &:disabled {
-      color: shade-color($primary, 10%);
-    }
-  }
-  .btn-outline-primary {
-    @include button-outline-variant($white, color-hover($white), transparent, color-hover($white));
-    box-shadow: inset 0 0 0 2px $white;
-    &:hover {
-      box-shadow: inset 0 0 0 2px color-hover($white);
-    }
-  }
-  .btn-secondary {
-    @include button-variant($primary, $white, tint-color($primary, 7.5%), shade-color($white, 10%), tint-color($primary, 10%), shade-color($white, 12.5%));
-    color: $white;
-  }
-  .btn-outline-secondary {
-    @include button-outline-variant($white, color-hover($white), transparent, color-hover($white));
-  }
-}

package/src/scss/custom/_componente-base.scss

@@ -1,6 +0,0 @@
-.componente-base {
-  background-color: $primary;
-  color: $white;
-  cursor: pointer;
-  padding: $componente-base-padding-y $componente-base-padding-x;
-}