// Override the gradient-striped mixin, so we have 90deg stripes by default
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 90deg) {
  background-image: linear-gradient($angle, $color 50%, transparent 50%);
}
@mixin button-outline-variant($color, $color-hover: $color, $active-background: transparent, $active-border: darken($color, 15%)) {
  color: $color;
  background-color: transparent;
  background-image: none;
  border-color: $color;

  &:hover {
    color: $color-hover;
    background-color: $active-background;
    border-color: $active-border;
  }

  &:focus,
  &.focus {
    box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
  }

  &.disabled,
  &:disabled {
    color: $color;
    background-color: transparent;
  }

  &:not([disabled]):not(.disabled):active,
  &:not([disabled]):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($color-hover);
    background-color: $active-background;
    border-color: $active-border;
    // Avoid using mixin so we can pass custom focus shadow properly
    box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
  }
}

// Override the gradient-striped mixin, so we have 90deg stripes by default
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 90deg) {
  background-image: linear-gradient($angle, $color 50%, transparent 50%);
}
@mixin button-outline-variant($color, $color-hover: $color, $active-background: transparent, $active-border: darken($color, 15%)) {
  color: $color;
  background-color: transparent;
  background-image: none;
  border-color: $color;

  &:hover {
    color: $color-hover;
    background-color: $active-background;
    border-color: $active-border;
  }

  &:focus,
  &.focus {
    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
  }

  &.disabled,
  &:disabled {
    color: $color;
    background-color: transparent;
  }

  &:not([disabled]):not(.disabled):active,
  &:not([disabled]):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($color-hover);
    background-color: $active-background;
    border-color: $active-border;
    // Avoid using mixin so we can pass custom focus shadow properly
    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
  }
}

Revert "Forgot to change these to use the 4.0.0-beta.2 variables"
Revert "Forgot to change these to use the 4.0.0-beta.2 variables"

This reverts commit 0e208a85c33f48c63c55ca78ffe6e8fd84837eaf.
