bootstrap-italia 2.15.1 → 2.16.1

package/src/scss/base/mixins/_buttons.scss

@@ -39,20 +39,14 @@
 // scss-docs-end btn-variant-mixin
 
 // scss-docs-start btn-outline-variant-mixin
-@mixin button-outline-variant(
-  $color,
-  $color-hover: color-contrast($color),
-  $active-background: $color,
-  $active-border: $color,
-  $active-color: color-contrast($active-background)
-) {
+@mixin button-outline-variant($color, $hover-border: shade-color($color, 20%), $active-background: transparent, $active-border: shade-color($color, 30%)) {
   --#{$prefix}btn-color: #{$color};
   --#{$prefix}btn-border-color: #{$color};
-  --#{$prefix}btn-hover-color: #{$color-hover};
+  --#{$prefix}btn-hover-color: #{$color};
   --#{$prefix}btn-hover-bg: #{$active-background};
-  --#{$prefix}btn-hover-border-color: #{$active-border};
+  --#{$prefix}btn-hover-border-color: #{$hover-border};
   --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};
-  --#{$prefix}btn-active-color: #{$active-color};
+  --#{$prefix}btn-active-color: #{$color};
   --#{$prefix}btn-active-bg: #{$active-background};
   --#{$prefix}btn-active-border-color: #{$active-border};
   --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
@@ -63,79 +57,9 @@
 }
 // scss-docs-end btn-outline-variant-mixin
 
-// scss-docs-start btn-size-mixin
 @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
   --#{$prefix}btn-padding-y: #{$padding-y};
   --#{$prefix}btn-padding-x: #{$padding-x};
   @include rfs($font-size, --#{$prefix}btn-font-size);
   --#{$prefix}btn-border-radius: #{$border-radius};
 }
-// scss-docs-end btn-size-mixin
-
-@mixin button-variant(
-  $background,
-  $border,
-  $hover-background: shade-color($background, 19%),
-  $hover-border: shade-color($border, 25%),
-  $active-background: shade-color($background, 25%),
-  $active-border: shade-color($border, 31%)
-) {
-  color: color-contrast($background);
-  @include gradient-bg($background);
-  border-color: $border;
-  @include box-shadow($btn-box-shadow);
-
-  &:hover,
-  &:focus-visible {
-    background-color: $hover-background;
-    color: color-contrast($background);
-    border-color: $hover-border;
-  }
-
-  // Disabled comes first so active can properly restyle
-  &.disabled,
-  &:disabled {
-    color: color-contrast($background);
-    background-color: $background;
-    border-color: $border;
-    pointer-events: none;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  &.dropdown-toggle.show,
-  .show > &.dropdown-toggle {
-    background-color: $hover-background;
-    color: color-contrast($background);
-    border-color: $hover-border;
-  }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-hover($color), $active-background: $color, $active-border: $color) {
-  color: $color;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: inset 0 0 0 2px $color;
-
-  &:hover,
-  &:focus-visible {
-    color: $color-hover;
-    box-shadow: inset 0 0 0 2px color-hover($color);
-  }
-
-  &.disabled,
-  &:disabled {
-    color: $color;
-    background-color: transparent;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  &.dropdown-toggle.show,
-  .show > &.dropdown-toggle {
-    color: $color-hover;
-    background-color: transparent;
-    background-image: none;
-    box-shadow: inset 0 0 0 2px $color-hover;
-  }
-}

package/src/scss/bootstrap-italia.scss

@@ -91,6 +91,7 @@
 @import 'components/thumbnav';
 @import 'components/steppers';
 @import 'components/card';
+@import 'components/card-old'; // Keep till next major? (.card is deprecated)
 @import 'components/imgresponsive';
 @import 'components/overlay-panel';
 @import 'components/progress-donuts';

package/src/scss/components/_buttons.scss

@@ -394,22 +394,36 @@
     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;
+    @include button-variant(
+      $white,
+      $primary,
+      $color: $primary,
+      $hover-color: $primary,
+      $hover-background: shade-color($white, 15%),
+      $active-color: $primary,
+      $active-background: shade-color($white, 20%)
+    );
     &.disabled,
     &:disabled {
       color: shade-color($primary, 10%);
     }
   }
   .btn-outline-primary {
-    @include button-outline-variant($white, color-hover($white), transparent, color-hover($white));
+    @include button-outline-variant($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%));
+    @include button-variant(
+      $secondary,
+      $secondary,
+      $color: $white,
+      $hover-color: $white,
+      $hover-background: shade-color($secondary, 15%),
+      $hover-border: $secondary
+    );
     color: $white;
   }
   .btn-outline-secondary {